:root{--bg-page: #f8fafc;--bg-card: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--brand-blue: #2563eb}body{background-color:var(--bg-page)!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}select{color-scheme:light!important}select option{background-color:#fff!important;color:#0f172a!important;padding:8px 12px}select option:hover,select option:focus,select option:checked{background-color:#eff6ff!important;color:#2563eb!important}.hero-card{border-radius:1.25rem;padding:1.5rem;color:#fff!important;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.hero-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px -6px #0000002e}.hero-green{background:linear-gradient(135deg,#10b981,#059669)!important}.hero-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.hero-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important}.hero-orange{background:linear-gradient(135deg,#f97316,#ea580c)!important}.hero-badge{background:#ffffff40!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em;color:#fff!important;border:1px solid rgba(255,255,255,.3)}.clean-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:1.25rem!important;box-shadow:0 1px 3px #0000000a,0 1px 2px -1px #0000000a!important;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.clean-card:hover{border-color:#cbd5e1!important;box-shadow:0 6px 12px -2px #0000000f,0 3px 6px -3px #0000000f!important}.bg-slate-800\/80,.bg-slate-800\/90,.bg-slate-800,.bg-slate-900\/80,.bg-slate-900\/90,.glass-panel,.glass-card{background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 1px 3px #00000008!important}.bg-slate-900,.bg-slate-950,.bg-slate-950\/60,.bg-slate-950\/70,.bg-slate-950\/80{background-color:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important}.border-slate-700,.border-slate-700\/80,.border-slate-700\/60,.border-slate-700\/50,.border-slate-800,.border-slate-800\/80{border-color:#e2e8f0!important}.fixed.inset-0.bg-black\/70,.fixed.inset-0.bg-black\/60,.fixed.inset-0.bg-black\/50{background-color:#0f172a73!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.text-white,.text-slate-100{color:#0f172a!important}.text-slate-200{color:#1e293b!important}.text-slate-300{color:#334155!important}.text-slate-400{color:#64748b!important}.text-slate-500{color:#94a3b8!important}.hero-card,.hero-card *,.hero-badge,button.bg-blue-600,button.bg-blue-600 *,button.bg-emerald-600,button.bg-emerald-600 *,button.bg-rose-600,button.bg-rose-600 *,button.bg-purple-600,button.bg-purple-600 *,.btn-primary,.badge-solid-white{color:#fff!important}table thead{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}table thead th{color:#475569!important;font-weight:600!important;background-color:#f8fafc!important}table tbody tr{background-color:#fff!important;border-bottom:1px solid #f1f5f9!important}table tbody tr:hover{background-color:#f8fafc!important}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],textarea,select{background-color:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:.65rem!important;color:#0f172a!important}input:focus,textarea:focus,select:focus{background-color:#fff!important;border-color:#3b82f6!important;outline:none!important;box-shadow:0 0 0 3px #3b82f626!important}.led-glow-emerald{position:relative}.led-glow-emerald:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:9999px;background:#10b98159;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.led-glow-amber{position:relative}.led-glow-amber:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:9999px;background:#f59e0b59;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%,to{transform:scale(.95);opacity:.8}50%{transform:scale(1.4);opacity:.1}}.switch-chassis{background:linear-gradient(180deg,#1e293b,#090d16)!important;border:2px solid #334155!important;box-shadow:0 12px 28px -6px #00000040,inset 0 1px #ffffff1a!important;position:relative;border-radius:10px}.switch-chassis .text-white{color:#f8fafc!important}.switch-chassis .text-slate-400{color:#94a3b8!important}.rack-ear-left,.rack-ear-right{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:70%;background:#475569!important;border:1px solid #1e293b!important;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.rack-ear-left{left:-14px;border-radius:4px 0 0 4px}.rack-ear-right{right:-14px;border-radius:0 4px 4px 0}.rack-hole{width:6px;height:6px;border-radius:50%;background:#0f172a!important;border:1px solid #64748b!important}.rj45-port{width:46px;height:46px;background:#090d16!important;border:1.5px solid #334155!important;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3px 2px;position:relative;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.rj45-port:hover{border-color:#60a5fa!important;transform:scale(1.08);z-index:20;box-shadow:0 0 14px #60a5fa73}.rj45-port.port-active{border-color:#3b82f6!important;box-shadow:0 0 8px #3b82f64d}.rj45-clip-indent{width:15px;height:4px;background:#1e293b!important;border-radius:1px 1px 0 0}.rj45-pins{display:flex;gap:1.5px}.rj45-pin{width:1.5px;height:6px;background:#fbbf24!important}.led-indicator{width:6px;height:6px;border-radius:50%;transition:all .3s ease}.led-up{background-color:#22c55e!important;box-shadow:0 0 6px #22c55e,0 0 10px #22c55e99}.led-poe{background-color:#a855f7!important;box-shadow:0 0 6px #a855f7,0 0 10px #a855f799}.led-100m{background-color:#f59e0b!important;box-shadow:0 0 6px #f59e0b,0 0 10px #f59e0b80}.led-down{background-color:#475569!important}.led-disabled{background-color:#ef4444!important}.sfp-port{width:48px;height:46px;background:#0b1120!important;border:2px solid #475569!important;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.sfp-port:hover{border-color:#38bdf8!important;transform:scale(1.08);box-shadow:0 0 14px #38bdf873}.port-tooltip{pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility .15s ease-in-out;z-index:50;background:#0f172a!important;color:#f8fafc!important}.port-tooltip *{color:#f8fafc!important}.has-tooltip:hover .port-tooltip{opacity:1;visibility:visible}.copy-btn{position:relative;transition:transform .1s ease}.copy-btn:active{transform:scale(.92)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--veeqo-bg: #ffffff;--veeqo-sidebar-bg: #1a252d;--veeqo-subsidebar-bg: #28343c;--veeqo-subsidebar-active: #222d33;--veeqo-blue: #0a78cc;--veeqo-green: #3b8e3b;--veeqo-text-main: #ffffff;--veeqo-text-muted: #8a959f;--veeqo-border: #e0e4e8;--unifi-bg: #f7f9fa;--unifi-card: #ffffff;--unifi-border: #e5e9eb;--unifi-text: #1b1c1d;--unifi-text-muted: #5e666c;--unifi-blue: #006dec;--unifi-green: #41c300;--unifi-red: #ff3b30;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--font-stack: "Calibri", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--bg-main: #ffffff;--bg-secondary: #f4f6f9;--border-color: #d8dde6;--text-main: #1a1a2e;--text-secondary: #4a5568;--text-muted: #8a96a3;--accent-color: #0a78cc;--accent-glow: rgba(10, 120, 204, .25);--danger-color: #ff3b30;--card-bg: #ffffff;--glass-panel: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .45);--glass-highlight: rgba(255, 255, 255, .88);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%)}[data-theme=dark]{--bg-gradient: var(--bg-gradient-dark);--bg-main: #1a1a2e;--bg-secondary: #24243e;--border-color: rgba(255, 255, 255, .12);--text-main: #f5f5f7;--text-secondary: #a0a8b8;--text-muted: #6b7280;--accent-color: #2997ff;--accent-glow: rgba(41, 151, 255, .3);--danger-color: #ff453a;--card-bg: #24243e;--glass-panel: rgba(30, 30, 35, .6);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html,body,#root{min-height:100dvh;width:100%;overflow-x:hidden}body{font-family:var(--font-stack);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);line-height:1.5;min-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:background .5s ease}.glass{background:var(--glass-panel);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.25rem;transition:all .3s var(--ease-spring)}.glass-card:hover{transform:translateY(-4px) scale(1.02);background:var(--glass-highlight);box-shadow:0 15px 35px #0000001a}.glass-static{background:var(--glass-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.25rem}.glass-button{background:var(--glass-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .2s var(--ease-spring);cursor:pointer}.glass-button:hover{background:var(--glass-highlight);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.glass-button:active{transform:translateY(0)}.glass-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.app-shell{display:flex;height:100vh;padding:1.5rem;gap:1.5rem}.sidebar{width:280px;border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:1.5rem;transition:width .4s var(--ease-spring);max-height:100%;overflow:hidden}.sidebar-header{margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-main) 0%,var(--text-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo{width:100%;max-width:240px;height:auto;object-fit:contain;margin-bottom:.5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.nav-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease}.table-row:hover{background:#ffffff0d;color:var(--text-main)}.nav-item.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.main-content{flex:1;border-radius:var(--radius-lg);position:relative;overflow:hidden}h1{font-size:3rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.modal-glass-panel{width:90%;max-width:900px;height:85vh;border-radius:var(--radius-lg);background:var(--glass-panel);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:zoomIn .4s var(--ease-spring);overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hamburger-menu{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:1100;background:var(--glass-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.hamburger-menu:hover{background:var(--glass-highlight);transform:scale(1.05)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;animation:fadeIn .3s ease}@media (max-width: 768px){.hamburger-menu{display:flex;align-items:center;justify-content:center}.app-shell{padding:1rem;gap:0}.sidebar{position:fixed;top:0;left:-100%;width:280px;height:100vh;z-index:1000;border-radius:0;transition:left .3s ease;box-shadow:4px 0 20px #0000004d}.sidebar.mobile-open{left:0}.sidebar-overlay.visible{display:block}.main-content{width:100%;margin-left:0;border-radius:0}.app-shell>.main-content{padding:1rem}div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.modal-glass-panel{width:95%;height:95vh;border-radius:16px}.sidebar-logo{max-width:120px}.logo-text{font-size:1.2rem}h1{font-size:2rem}h2{font-size:1.25rem}.nav-item{min-height:44px;padding:1rem}.glass-card,.glass-static{padding:1rem}.main-dashboard-layout{flex-direction:column!important}.main-dashboard-layout .dashboard-sidebar{display:none!important}.main-dashboard-layout>div{padding:1.5rem!important}.unifi-sidebar{position:fixed!important;top:0;left:-100%!important;width:280px!important;height:100dvh!important;z-index:1200!important;transition:left .3s ease!important;box-shadow:4px 0 20px #0000004d!important}.unifi-sidebar.mobile-open{left:0!important}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:240px}.sidebar-logo{max-width:140px}}@media (hover: none){.glass-card:hover{transform:none;background:var(--glass-panel)}.nav-item:hover{background:transparent}}.unifi-layout{background:var(--veeqo-bg)!important;color:var(--unifi-text)!important}.unifi-sidebar{background:var(--veeqo-subsidebar-bg)!important;border-right:none!important;width:240px!important;height:100%!important;display:flex!important;flex-direction:column!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;padding:0!important;color:var(--veeqo-text-main)!important;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .3s ease!important}.unifi-sidebar.collapsed{width:0!important;min-width:0!important;max-width:0!important;opacity:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important;border-right:none!important}@media (min-width: 769px){.sidebar-collapse-toggle{display:flex!important}}.unifi-main{flex:1;display:flex;flex-direction:column;background:var(--veeqo-bg);overflow:hidden;--glass-panel: rgba(0, 0, 0, .05);--glass-border: #d0d5dd;--glass-highlight: rgba(0, 0, 0, .08);--glass-shadow: 0 2px 8px rgba(0, 0, 0, .08);--text-main: #1a1a2e;--text-secondary: #5a5f72;--accent-color: #0a78cc;--accent-glow: rgba(10, 120, 204, .3);--card-bg: #ffffff}.unifi-table-container{background:#fff;border:1px solid var(--unifi-border);border-radius:4px;margin:16px;overflow-x:auto}.unifi-table{width:100%;border-collapse:collapse;font-size:14px}.unifi-table th{background:#fcfdfe;border-bottom:1px solid var(--unifi-border);padding:10px 16px;text-align:left;font-weight:600;color:var(--unifi-text-muted);white-space:nowrap}.unifi-table td{padding:12px 16px;border-bottom:1px solid #f0f2f4;color:var(--unifi-text);white-space:nowrap}.unifi-table tr:hover{background:#f9fafb}.inventory-grid-wrapper{background:#fff;border:1px solid #dcdfe4;border-radius:4px;overflow:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;position:relative}.inventory-grid-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;background:#fff;table-layout:auto}.inventory-grid-table thead th{position:sticky;top:0;z-index:15;background:#fff;border-bottom:1px solid #cfd4dc;border-right:1px solid #e2e6ec;padding:10px 14px;text-align:center;font-weight:500;font-size:13px;color:#1e293b;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .15s ease}.inventory-grid-table thead th:hover{background:#f8fafc}.inventory-grid-table thead th.sticky-action-col{position:sticky;left:0;z-index:25;width:46px;min-width:46px;max-width:46px;padding:0;background:#fff;border-right:1px solid #cfd4dc}.inventory-grid-table tbody tr{background:#fff}.inventory-grid-table tbody tr:hover td{background:#f8fafc}.inventory-grid-table tbody td{background:#fff;border-bottom:1px solid #e2e6ec;border-right:1px solid #e2e6ec;padding:0;height:40px;color:#1e293b;white-space:nowrap;vertical-align:middle;position:relative;transition:background .1s ease}.inventory-grid-table tbody td.sticky-action-col{position:sticky;left:0;z-index:10;width:46px;min-width:46px;max-width:46px;text-align:center;background:#fff;border-right:1px solid #cfd4dc}.inventory-grid-table tbody tr:hover td.sticky-action-col{background:#f8fafc}.inventory-pencil-btn{width:32px;height:32px;padding:0;border-radius:6px;border:1px solid transparent;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.inventory-pencil-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#0a78cc}.inventory-cell-display{width:100%;height:40px;padding:0 12px;display:flex;align-items:center;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:2px solid transparent;border-radius:4px;box-sizing:border-box}.inventory-cell-display:hover{border-color:#0a78cc47}.inventory-cell-editing{width:100%;height:40px;padding:0;display:flex;align-items:center;border:2px solid #2b7cd3;border-radius:5px;background:#fff;box-shadow:0 0 0 2px #2b7cd326;box-sizing:border-box;z-index:5;position:relative}.inventory-cell-input{width:100%;height:100%;padding:0 10px;border:none;outline:none;background:transparent;font-family:inherit;font-size:13px;color:#0f172a}@media (max-width: 768px){.inventory-toolbar{padding:10px 12px!important;gap:8px!important}.inventory-grid-outer{padding:0!important}.inventory-grid-wrapper{margin:0!important;border-left:none;border-right:none;border-radius:0}.inventory-grid-table thead th{padding:8px 10px;font-size:12px}.inventory-cell-display,.inventory-cell-editing{height:42px;padding:0 10px}.inventory-cell-input{font-size:16px}.inventory-drawer-panel{width:100vw!important;max-width:100vw!important}.inventory-drawer-grid{grid-template-columns:1fr!important}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-online{background-color:var(--unifi-green)}.status-offline{background-color:var(--unifi-text-muted)}.unifi-nav-item{display:flex;align-items:center;padding:12px 20px;color:var(--veeqo-text-muted);text-decoration:none;font-size:15px;font-weight:600;text-transform:uppercase;transition:all .2s;gap:12px}.unifi-nav-item:hover{color:var(--veeqo-text-main)}.unifi-nav-item.active{color:var(--veeqo-text-main);background:var(--veeqo-subsidebar-active);border-left:3px solid var(--veeqo-green);padding-left:17px}.unifi-filter-bar{display:flex;gap:32px;padding:0 24px;height:56px;align-items:center;border-bottom:1px solid var(--unifi-border);background:#fff}.unifi-filter-item{cursor:pointer;font-weight:500;color:var(--unifi-text-muted);font-size:13px;position:relative;height:100%;display:flex;align-items:center}.unifi-filter-item.active{color:var(--unifi-blue)}.unifi-filter-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--unifi-blue)}.business-input{width:100%;padding:.75rem;border-radius:8px;border:1px solid #c0d3e8;background:#f4f8fc;color:var(--text-main);transition:all .2s ease}[data-theme=dark] .business-input{border:1px solid rgba(255,255,255,.2);background:#0000004d}.business-input:focus{outline:none;border-color:var(--veeqo-blue);box-shadow:0 0 0 3px #0a78cc26}.category-nav-row:hover .category-actions{display:flex!important}.mobile-family-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#1a252df5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);z-index:1000;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px #00000026}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--veeqo-text-muted);text-decoration:none;font-size:11px;font-weight:600;text-transform:uppercase;gap:4px;flex:1;height:100%;transition:all .2s ease}.mobile-tab-item.active{color:var(--veeqo-green)}@media (max-width: 768px){.mobile-family-tab-bar{display:flex}.mobile-header-menu-btn{display:flex!important}.global-app-layout{flex-direction:column!important}.global-app-content{order:1!important;width:100%!important;flex:1 1 auto!important}.global-sidebar-rail{order:2!important;width:100%!important;min-width:100%!important;height:calc(56px + env(safe-area-inset-bottom,0px))!important;min-height:calc(56px + env(safe-area-inset-bottom,0px))!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:0 .5rem env(safe-area-inset-bottom,0px) .5rem!important;border-right:none!important;border-top:1px solid rgba(255,255,255,.12)!important;overflow-x:auto!important;overflow-y:hidden!important;flex-shrink:0!important}.global-sidebar-logo{display:none!important}.global-sidebar-apps{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:auto!important;flex:1!important;gap:2px!important}.global-sidebar-rail .global-nav-icon{width:38px!important;height:38px!important;margin-bottom:0!important;flex-shrink:0!important}.global-sidebar-utils{flex-direction:row!important;width:auto!important;margin-top:0!important;gap:4px!important;padding-left:4px!important;border-left:1px solid rgba(255,255,255,.12)!important}.global-sidebar-avatar{width:auto!important;padding:0 4px!important;border-top:none!important}.start-page-logo{top:1rem!important;left:1rem!important}.floating-user-container{top:.85rem!important;right:1rem!important}.floating-avatar{width:40px!important;height:40px!important}.start-page-content{padding:4.5rem 1rem 2rem!important;margin:0!important;justify-content:flex-start!important}.start-page-header{margin-bottom:1.5rem!important}.start-page-greeting{font-size:1.75rem!important;margin-bottom:.35rem!important}.start-page-clock span{font-size:1.15rem!important}.start-page-clock p{font-size:.95rem!important}.start-page-apps-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.85rem!important;width:100%!important}.start-page-apps-grid .app-card{width:100%!important;padding:1.25rem .75rem!important;gap:.75rem!important;border-radius:18px!important}.start-page-apps-grid .app-card-icon-box{width:56px!important;height:56px!important;border-radius:14px!important}.start-page-apps-grid .app-card-icon-box svg{width:28px!important;height:28px!important}.start-page-apps-grid .app-card-label{font-size:.95rem!important}.notes-sidebar-pane{width:100%!important;min-width:100%!important;border-right:none!important}.notes-sidebar-pane.has-active-note{display:none!important}.notes-editor-pane:not(.has-active-note){display:none!important}.notes-mobile-back-bar{display:flex!important}.app-shell-scroll-area>div,.admin-container{padding:1rem!important}}.floating-user-container{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:1rem;z-index:1005}.floating-avatar-btn{border:none;background:transparent;padding:0;cursor:pointer;border-radius:50%;transition:transform .2s ease,box-shadow .2s ease}.floating-avatar-btn:hover{transform:scale(1.05)}.floating-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-size:1.1rem;font-weight:600;box-shadow:0 4px 12px #0000001a;border:2px solid white;position:relative}.status-badge-wifi{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease}.status-badge-wifi.online{background-color:#34c759}.status-badge-wifi.offline{background-color:#8e8e93}.floating-dropdown-menu{position:absolute;top:60px;right:0;width:260px;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 10px 30px #00000014;border:1px solid var(--glass-border);animation:slideDownIn .2s cubic-bezier(.16,1,.3,1);z-index:1010}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid var(--glass-border);padding-bottom:.75rem;margin-bottom:.25rem;text-align:left}.dropdown-header .user-name{font-weight:600;color:var(--text-main);font-size:1rem}.dropdown-header .user-email{color:var(--text-secondary);font-size:.8rem;word-break:break-all;margin-top:2px}.dropdown-item-btn{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:10px;width:100%;border:1px solid var(--glass-border);background:transparent;color:var(--text-main);cursor:pointer;text-align:left;font-size:.9rem;font-weight:500;transition:all .2s ease}.dropdown-item-btn:hover{background:var(--glass-panel);transform:translateY(-1px)}.dropdown-item-btn.logout{border:1px solid rgba(255,59,48,.15);background:#ff3b3008;color:var(--danger-color)}.dropdown-item-btn.logout:hover{background:#ff3b3014}