:root{--brand-color:#2aaee4;--brand-rgb:42,174,228;--brand-soft:rgba(var(--brand-rgb),0.41);--brand-fade:linear-gradient(180deg,rgba(var(--brand-rgb),0.41) 0%,rgba(var(--brand-rgb),0) 100%);--accent:var(--brand-color);--brand-focus:rgba(var(--brand-rgb),0.6);--app-bg:#06080b;--app-bg-elevated:#0c0d0f;--app-surface:linear-gradient(180deg,#0a0e13,#06080b 55%,#05070a);--app-glow:radial-gradient(120% 80% at 18% -10%,rgba(var(--brand-rgb),0.1) 0%,rgba(var(--brand-rgb),0) 60%);--sidebar-bg:#0c0d0f33;--sidebar-border:#ffffff0f;--tile-bg:#ffffff0a;--tile-border:#ffffff14;--tile-border-w:0.53px;--brand-border-w:1.04px;--tile-blur:18.900001525878906px;--tile-radius:14px;--topbar-h:76px;--topbar-bg:#0c0d0f33;--topbar-border:#ffffff0f;--field-bg:#ffffff08;--field-border:#ffffff14;--menu-blur:174px;--menu-bg:linear-gradient(180deg,rgba(var(--brand-rgb),0.13) 0%,rgba(var(--brand-rgb),0) 58%),linear-gradient(180deg,#0c1115 0%,#07090b 100%);--menu-shadow:0 24px 56px -16px rgba(0,0,0,.85),0 2px 10px -2px rgba(0,0,0,.7);--menu-radius:20px;--text-primary:#fff;--text-secondary:#ffffff99;--text-muted:#ffffff5c;--dot-alert:#f0426b;--dot-ok:#34d399;--dot-warn:#f5a524;--dot-ok-soft:rgba(52,211,153,.12);--dot-warn-soft:rgba(245,165,36,.12);--dot-alert-soft:rgba(240,66,107,.12)}.shell-surface{background-color:var(--app-bg);background-image:var(--app-glow),var(--app-surface)}.shell-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border)}.shell-sidebar,.shell-topbar{backdrop-filter:blur(var(--tile-blur));-webkit-backdrop-filter:blur(var(--tile-blur))}.shell-topbar{background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border)}.shell-field{background:var(--field-bg);border:1px solid var(--field-border)}.nav-tile{background:var(--tile-bg);border:var(--tile-border-w) solid var(--tile-border);border-radius:var(--tile-radius);backdrop-filter:blur(var(--tile-blur));-webkit-backdrop-filter:blur(var(--tile-blur))}.brand-tile,.nav-tile-active{background:var(--brand-fade)}.nav-tile-active{border:var(--tile-border-w) solid var(--tile-border);border-radius:var(--tile-radius)}.brand-tile{border:var(--brand-border-w) solid var(--tile-border);border-radius:var(--tile-radius)}.nav-row-active{background:var(--brand-fade);border:.43px solid var(--tile-border)}.user-menu{background:var(--menu-bg);border:1px solid var(--tile-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow)}.user-menu-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid hsla(0,0%,100%,.1);border-radius:999px;background:hsla(0,0%,100%,.09);color:hsla(0,0%,100%,.8)}.dock-card{position:relative;background:linear-gradient(180deg,rgba(var(--brand-rgb),.045) 0,rgba(var(--brand-rgb),0) 42%),rgba(14,15,16,.92);border-radius:36px;box-shadow:0 24px 56px -18px rgba(0,0,0,.85),inset 0 0 0 1px hsla(0,0%,100%,.16);backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%)}.dock-bar{background:hsla(0,0%,100%,.045);border-radius:999px}.dock-tile-active{background:var(--brand-fade);border-radius:999px}.dock-handle{background:rgba(22,27,30,.96);border-radius:999px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 0 1px hsla(0,0%,100%,.13),0 0 0 8px var(--app-bg),0 12px 28px -12px rgba(0,0,0,.9)}.dock-notch{border-radius:999px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.13);clip-path:inset(50% 0 0 0)}.dock-menu{background:var(--menu-bg);border:1px solid var(--tile-border);border-radius:var(--menu-radius);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);box-shadow:var(--menu-shadow)}.dock-card,.dock-handle{-webkit-tap-highlight-color:transparent}.nav-divider{height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,0))}.nav-scroll{scrollbar-width:none;-ms-overflow-style:none}.nav-scroll::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.brand-tile,.nav-tile,.nav-tile-active,.shell-sidebar{transition:none!important}}