:root{--ink:#0c1b30;--ink-soft:#263c57;--text:#1d3047;--muted:#718198;--border:#e4eaf2;--paper:#f4f7fb;--blue:#405fd4;--blue-deep:#3049b8;--blue-light:#edf2ff;--shadow:0 12px 32px #172b4b0a}
body{font-size:15px}.button{border-radius:11px;font-weight:700}.button.primary{background:#405fd4}.button.primary:hover:not(:disabled){background:#304bb9}
.card{border-radius:16px}.sidebar{background:#0b1a30}.nav-item{font-size:12px;border-radius:10px}.nav-item.selected{background:#294b8348}.nav-item.selected:before{background:#86a6ff}
.login-story{background:#071222;isolation:isolate}.story-main h1{color:white}.story-main>p{color:#d5deeb}.story-scene{background:rgba(8,22,46,.68);border-color:#ffffff20;backdrop-filter:blur(5px)}
.page-heading p,.card-heading p,.overview-status p{font-size:13px;line-height:1.6}.page-heading h1{letter-spacing:-1px}.eyebrow{color:#5871be}.stat-label,.stat-foot,.recent-location,.recent-time{font-size:11px}.stat-card{border-radius:16px}.badge{font-size:10px}.camera-card{border-radius:16px}.overview-status{border-radius:14px}.overview-status strong{font-size:13px}.overview-status p{font-size:12px}.topbar{background:rgba(255,255,255,.94)}.breadcrumb,.logout-button{font-size:11px}
@media(max-width:700px){.sidebar{height:calc(73px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);overflow:hidden}#main-nav{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}#main-nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 69px;font-size:10px;gap:4px;min-height:55px}.nav-item>span[data-icon] svg{width:20px;height:20px}.shell-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.topbar{padding:0 16px}.breadcrumb{font-size:10px}.page-heading p,.overview-status p,.card-heading p{font-size:12px;line-height:1.55}.page-heading>.button{min-height:44px;font-size:12px}.stat-label,.stat-foot,.recent-title,.recent-location,.recent-time,.capability-row{font-size:11px}.card-heading h2{font-size:15px}.recent-item .badge{font-size:10px}.notification-card>p,.capability-card>p,.capability-label{font-size:11px}.login-story{padding-bottom:30px}.story-main>p{font-size:13px}.login-card>p,.login-help p{font-size:12px}.login-card .button{min-height:48px;font-size:13px}.login-card form>label{font-size:12px}.button{min-height:44px}}
@media(max-width:370px){.nav-item{font-size:9px}.topbar-actions{gap:6px}.user-divider{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


.login-story .factory-hero-image{position:absolute;inset:0;z-index:-2;pointer-events:none}.login-story .factory-hero-image img{display:block;width:100%;height:100%;object-fit:cover}.login-story::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,14,31,.83),rgba(5,14,31,.36))}