@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap");:root{--bg-base:#0f0f1a;--bg-mantle:#141421;--bg-crust:#0a0a14;--bg-surface0:#1e1e2e;--bg-surface1:#242435;--bg-surface2:#2d2d42;--bg-overlay:#363650;--text-primary:#cdd6f4;--text-secondary:#a6adc8;--text-muted:#6c7086;--accent-pink:#f5c2e7;--accent-mauve:#cba6f7;--accent-lavender:#b4befe;--accent-blue:#89b4fa;--accent-sky:#89dceb;--accent-teal:#94e2d5;--accent-green:#a6e3a1;--accent-yellow:#f9e2af;--accent-peach:#fab387;--accent-red:#f38ba8;--status-pending:#f9e2af;--status-preparing:#fab387;--status-delivery:#89b4fa;--status-completed:#a6e3a1;--status-cancelled:#f38ba8;--gradient-brand:linear-gradient(135deg,#cba6f7,#89b4fa 50%,#94e2d5);--gradient-warm:linear-gradient(135deg,#fab387,#f9e2af);--gradient-card:linear-gradient(145deg,#1e1e2e,#242435);--border-subtle:rgba(203,166,247,.1);--border-muted:rgba(203,166,247,.2);--border-accent:rgba(203,166,247,.4);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.4);--shadow-lg:0 8px 40px rgba(0,0,0,.5);--shadow-glow:0 0 30px rgba(203,166,247,.15);--sidebar-width:260px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.app-shell,body{min-height:100vh}.app-shell{display:flex}.main-content{flex:1 1;margin-left:var(--sidebar-width);padding:32px 32px 0;background:var(--bg-base)}.main-content,.sidebar{overflow:hidden;height:100vh;display:flex;flex-direction:column}.sidebar{width:var(--sidebar-width);background:var(--bg-mantle);border-right:1px solid var(--border-subtle);position:fixed;top:0;left:0;z-index:100}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-subtle)}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sidebar-logo-text h2{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.sidebar-logo-text p{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1 1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-section-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:8px 8px 4px;margin-top:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:transparent;width:100%}.nav-item:hover{background:var(--bg-surface0);color:var(--text-primary);transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,rgba(203,166,247,.15),rgba(137,180,250,.1));border:1px solid var(--border-muted)}.nav-item.active,.nav-item.active svg{color:var(--accent-mauve)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border-subtle)}.status-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.page-header{margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-header h1{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.page-header p{color:var(--text-secondary);font-size:14px;margin-top:4px}.card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{border-color:var(--border-muted);box-shadow:var(--shadow-md);transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px;margin-bottom:12px}.stat-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 10px;position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;gap:10px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.6}.stat-card:hover{border-color:var(--border-muted);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.stat-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:0;font-size:12px;flex-shrink:0}.stat-value{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:800;color:var(--text-primary);line-height:1.2}.stat-label{font-size:9px;color:var(--text-muted);margin-top:1px;text-transform:uppercase;letter-spacing:.5px;line-height:1}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.order-card{background:var(--bg-surface0);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:12px;transition:all .3s ease;position:relative;overflow:hidden}.order-card.new-order{animation:slideInBounce .5s cubic-bezier(.34,1.56,.64,1);border-color:var(--accent-mauve);box-shadow:0 0 20px rgba(203,166,247,.2)}@keyframes slideInBounce{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.order-card:hover{border-color:var(--border-muted);box-shadow:var(--shadow-md)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.order-id{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;color:var(--accent-lavender)}.order-time{font-size:10px;color:var(--text-muted);margin-top:1px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.badge-pending{background:hsla(41,86%,83%,.15);color:var(--status-pending);border:1px solid hsla(41,86%,83%,.3)}.badge-preparing{background:hsla(23,92%,75%,.15);color:var(--status-preparing);border:1px solid hsla(23,92%,75%,.3)}.badge-delivery{background:rgba(137,180,250,.15);color:var(--status-delivery);border:1px solid rgba(137,180,250,.3)}.badge-completed{background:rgba(166,227,161,.15);color:var(--status-completed);border:1px solid rgba(166,227,161,.3)}.badge-cancelled{background:rgba(243,139,168,.15);color:var(--status-cancelled);border:1px solid rgba(243,139,168,.3)}.customer-info{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding:8px;background:var(--bg-surface1);border-radius:var(--radius-md)}.customer-phone{font-size:12px;font-weight:600;color:var(--text-primary)}.customer-address{font-size:11px;color:var(--text-secondary);line-height:1.3}.order-items{list-style:none;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.order-item-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);padding:2px 0;border-bottom:1px solid var(--border-subtle)}.order-item-row:last-child{border-bottom:none}.order-total{display:flex;justify-content:space-between;align-items:center;padding:6px 0 0;border-top:1px solid var(--border-muted);margin-top:2px}.order-total-label{font-size:12px;color:var(--text-muted)}.order-total-value{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;color:var(--accent-green)}.status-select-wrapper{margin-top:8px}.status-select{width:100%;background:var(--bg-surface2);border:1px solid var(--border-muted);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236c7086' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding:8px 30px 8px 12px}.status-select:focus{outline:none;border-color:var(--accent-mauve);box-shadow:0 0 0 3px rgba(203,166,247,.15)}.status-select option{background:var(--bg-surface2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background:var(--gradient-brand);color:#1e1e2e}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 15px rgba(203,166,247,.3)}.btn-secondary{background:var(--bg-surface2);color:var(--text-primary);border:1px solid var(--border-muted)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-accent)}.btn-danger{background:rgba(243,139,168,.15);color:var(--accent-red);border:1px solid rgba(243,139,168,.3)}.btn-danger:hover{background:rgba(243,139,168,.25)}.btn-sm{padding:4px 8px;font-size:11px}.btn-icon{padding:6px;width:30px;height:30px;justify-content:center}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:var(--bg-surface1);border-bottom:1px solid var(--border-muted)}thead th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s}tbody tr:hover{background:rgba(203,166,247,.04)}tbody tr:last-child{border-bottom:none}tbody td{padding:14px 16px;color:var(--text-secondary);vertical-align:middle}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/-1}label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}input,select,textarea{padding:10px 14px;background:var(--bg-surface1);border:1px solid var(--border-muted);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-mauve);box-shadow:0 0 0 3px rgba(203,166,247,.15);background:var(--bg-surface2)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px}.toggle-switch{display:inline-flex;align-items:center;cursor:pointer;gap:8px}.toggle-track{width:44px;height:24px;border-radius:12px;background:var(--bg-surface2);border:1px solid var(--border-muted);position:relative;transition:all .3s ease}.toggle-track.on{background:rgba(166,227,161,.2);border-color:var(--accent-green)}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:all .3s ease}.toggle-track.on .toggle-thumb{transform:translateX(20px);background:var(--accent-green)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface0);border:1px solid var(--border-muted);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;color:var(--text-primary)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted);text-align:center}.empty-state-icon{font-size:56px;margin-bottom:16px;opacity:.6}.empty-state h3{font-size:18px;color:var(--text-secondary);margin-bottom:8px}.empty-state p{font-size:14px}.spinner{width:32px;height:32px;border:3px solid var(--border-muted);border-top-color:var(--accent-mauve);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{display:flex;align-items:center;justify-content:center;padding:80px;flex-direction:column;gap:16px;color:var(--text-muted)}.menu-item-image{object-fit:cover}.menu-item-image,.menu-item-image-placeholder{width:48px;height:48px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.menu-item-image-placeholder{background:var(--bg-surface2);display:flex;align-items:center;justify-content:center;font-size:20px}.realtime-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(166,227,161,.1);border:1px solid rgba(166,227,161,.3);border-radius:100px;font-size:11px;font-weight:600;color:var(--accent-green)}.realtime-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);animation:pulse 1.5s infinite}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 14px;border-radius:100px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border-muted);background:var(--bg-surface1);color:var(--text-secondary);transition:all .2s}.chip.active,.chip:hover{border-color:var(--accent-mauve);color:var(--accent-mauve)}.chip.active{background:rgba(203,166,247,.15)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bg-surface2)}@media (max-width:768px){.main-content{margin-left:0;padding:16px}.sidebar{transform:translateX(-100%)}.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.orders-grid{grid-template-columns:1fr}}.payment-info-box{margin-top:8px;padding:6px 8px;background:var(--bg-surface1);border-radius:var(--radius-md);border:1px dashed var(--border-muted);display:flex;flex-direction:column;gap:4px}.payment-method-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--text-primary)}.view-slip-btn{background:var(--accent-mauve);color:var(--bg-base);border:none;padding:4px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content}.view-slip-btn:hover{opacity:.9;box-shadow:0 0 8px rgba(203,166,247,.4)}.slip-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.slip-modal-content{background:var(--bg-surface0);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:20px;width:100%;max-width:450px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.slip-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:10px}.slip-modal-header h3{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;color:var(--text-primary)}.slip-modal-header .close-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;transition:color .2s}.slip-modal-header .close-btn:hover{color:var(--accent-red)}.slip-modal-img{width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-md);background:rgba(0,0,0,.2);border:1px solid var(--border-subtle)}.live-clock{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;color:var(--accent-lavender);background:rgba(180,190,254,.08);border:1px solid rgba(180,190,254,.2);padding:8px 14px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm);height:38px;box-sizing:border-box}.live-clock-flag{font-size:16px}.live-clock-time{letter-spacing:.5px;color:var(--text-primary)}.live-clock-zone{font-size:10px;background:var(--bg-surface2);color:var(--accent-lavender);padding:2px 6px;border-radius:var(--radius-sm);font-weight:700}.dashboard-layout{display:flex;flex-direction:column;height:100%;overflow:hidden}.dashboard-header-sticky{flex-shrink:0;background-color:var(--bg-base);z-index:10;padding-bottom:6px;border-bottom:1px solid var(--border-subtle);margin-bottom:12px}.dashboard-scrollable-content{flex:1 1;overflow-y:auto;padding-bottom:40px;padding-right:4px}.dashboard-scrollable-content::-webkit-scrollbar{width:6px}.dashboard-scrollable-content::-webkit-scrollbar-track{background:transparent}.dashboard-scrollable-content::-webkit-scrollbar-thumb{background:var(--bg-surface2);border-radius:var(--radius-sm)}.dashboard-scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--bg-overlay)}.login-content{flex:1 1;width:100%;display:flex;flex-direction:column}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-base);background-image:radial-gradient(circle at center,rgba(203,166,247,.05) 0,transparent 70%);padding:20px;width:100%}.login-card{width:100%;max-width:400px;background:var(--gradient-card);border:1px solid var(--border-muted);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center}.login-logo{font-size:40px;margin-bottom:12px}.login-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.login-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.login-form{gap:16px}.login-form,.login-input-group{display:flex;flex-direction:column}.login-input-group{gap:6px}.login-input-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.login-input-group input{background:var(--bg-surface1);border:1px solid var(--border-subtle);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius-md);font-size:14px;transition:all .2s;outline:none}.login-input-group input:focus{border-color:var(--accent-mauve);box-shadow:0 0 8px rgba(203,166,247,.2)}.login-button{background:var(--gradient-brand);color:var(--bg-base);border:none;padding:14px;border-radius:var(--radius-md);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 20px rgba(203,166,247,.4)}.login-button:disabled{opacity:.6;cursor:not-allowed}.upload-preview{margin-top:8px;width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-subtle)}@keyframes rotate-rainbow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-glow-rainbow{0%,to{box-shadow:0 0 20px rgba(243,139,168,.5)}16%{box-shadow:0 0 20px hsla(23,92%,75%,.5)}33%{box-shadow:0 0 20px hsla(41,86%,83%,.5)}50%{box-shadow:0 0 20px rgba(166,227,161,.5)}66%{box-shadow:0 0 20px rgba(137,180,250,.5)}83%{box-shadow:0 0 20px rgba(203,166,247,.5)}}.unacknowledged-blink{position:relative!important;background:transparent!important;border-color:transparent!important;overflow:hidden!important;animation:pulse-glow-rainbow 4s linear infinite!important}.unacknowledged-blink:before{content:"";position:absolute;left:-50%;top:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#f38ba8,#fab387,#f9e2af,#a6e3a1,#89dceb,#89b4fa,#cba6f7,#f38ba8);z-index:-2;animation:rotate-rainbow 4s linear infinite}.unacknowledged-blink:after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:var(--bg-surface0);border-radius:calc(var(--radius-lg) - 2px);z-index:-1}.mobile-header,.sidebar-close-btn{display:none}@media (max-width:768px){.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:60px;background:var(--bg-mantle);border-bottom:1px solid var(--border-subtle);position:fixed;top:0;left:0;right:0;z-index:150;box-shadow:var(--shadow-sm)}.mobile-header-title{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;color:var(--text-primary)}.hamburger-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius-sm);transition:background-color .2s}.hamburger-btn:hover{background:var(--bg-surface0)}.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:250;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translateX(0)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);margin-left:auto;transition:background-color .2s,color .2s}.sidebar-close-btn:hover{background:var(--bg-surface0);color:var(--text-primary)}.sidebar-logo{width:100%}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fadeIn .2s ease}.main-content{margin-left:0!important;padding:16px!important;height:calc(100vh - 60px)!important;margin-top:60px!important}}