.login-screen{display:grid;place-items:center;height:100%;padding:var(--space-5)}.login-card{display:flex;flex-direction:column;gap:var(--space-4);width:min(380px,100%);padding:var(--space-6);border-radius:var(--radius-2xl)}.login-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.login-brand .brand-mark{width:44px;height:44px;font-size:15px}.login-title{font-size:var(--text-title);font-weight:600;letter-spacing:-.02em}.login-sub{font-size:var(--text-label);color:var(--on-surface-variant)}.login-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--error-container);color:var(--on-error-container);font-size:var(--text-label)}.login-submit{margin-top:var(--space-2);height:44px}.login-note{font-size:var(--text-caption);color:var(--on-surface-variant);text-align:center}.login-mock{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--on-surface);font-size:var(--text-caption);line-height:1.45;cursor:pointer}.login-mock input{margin-top:2px;accent-color:var(--warning);width:16px;height:16px;flex-shrink:0}.live-mock .live-dot{background:var(--warning)}.map-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-4);align-items:start}.map-sections{display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100vh - 260px);overflow-y:auto}.map-wh{display:flex;flex-direction:column;gap:var(--space-2)}.map-wh-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-2);font-size:var(--text-caption);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.map-section-list{display:flex;flex-direction:column;border-radius:var(--radius-md);background:color-mix(in srgb,var(--on-surface) 4%,transparent);overflow:hidden}.map-section{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease)}.map-section+.map-section:before{content:"";position:absolute;top:0;left:var(--space-3);right:0;height:1px;background:var(--outline-variant);opacity:.5}.map-section:hover{background:color-mix(in srgb,var(--on-surface) 5%,transparent)}.map-section.active{background:color-mix(in srgb,var(--primary) 16%,transparent)}.map-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-label);font-weight:600}.map-section-sub{font-size:var(--text-caption);color:var(--on-surface-variant)}.map-fill{height:4px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--on-surface) 10%,transparent);overflow:hidden}.map-fill-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--tertiary));transition:width var(--duration) var(--ease)}.map-plan{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.map-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.map-canvas{overflow:auto;max-height:calc(100vh - 320px);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-container-lowest) 55%,transparent)}.map-grid{display:grid;gap:2px;width:max-content;min-width:100%}.map-row-label{position:sticky;left:0;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-2);font-size:9px;font-weight:600;color:var(--on-surface-variant);background:linear-gradient(90deg,var(--backdrop) 60%,transparent)}.map-col-label{font-size:9px;font-weight:600;color:var(--on-surface-variant);text-align:center}.map-cell{width:var(--cell-size, 18px);height:var(--cell-size, 18px);padding:0;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.map-cell:hover{transform:scale(1.35);z-index:2;box-shadow:var(--elevation-2)}.map-cell.selected{outline:2px solid var(--on-surface);outline-offset:1px;z-index:3}.map-cell.state-empty,.rack-cell.state-empty{background:color-mix(in srgb,var(--on-surface) 7%,transparent)}.map-cell.state-partial,.rack-cell.state-partial{background:color-mix(in srgb,var(--primary) 55%,transparent)}.map-cell.state-full,.rack-cell.state-full{background:var(--primary)}.map-cell.state-blocked,.rack-cell.state-blocked{background:var(--error)}.map-cell.state-inactive,.rack-cell.state-inactive{background:transparent;border-color:var(--outline-variant)}.map-cell.state-no-putaway,.rack-cell.state-no-putaway{background:color-mix(in srgb,var(--warning) 45%,transparent)}.map-cell-gap{width:var(--cell-size, 18px);height:var(--cell-size, 18px);border-radius:3px;border:1px dashed var(--outline-variant);opacity:.35}.map-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-caption);color:var(--on-surface-variant)}.map-legend-item{display:inline-flex;align-items:center;gap:var(--space-2)}.map-swatch{width:12px;height:12px;border-radius:3px;border:1px solid transparent}.map-detail{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:1100px){.map-layout{grid-template-columns:1fr}.map-sections{max-height:260px}}.map-plan-tools{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.aisle-scene{position:relative;height:min(60vh,520px);min-height:320px;border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-container) 60%,transparent),transparent);touch-action:none}.aisle-scene canvas{display:block;border-radius:var(--radius-md)}.aisle-tip{position:absolute;z-index:2;display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-container-highest);border:1px solid var(--outline-variant);box-shadow:var(--shadow-2);font-size:var(--text-caption);pointer-events:none;max-width:280px}.map-axis{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-caption);color:var(--on-surface-variant)}.aisle-plan{display:flex;align-items:flex-end;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.rack{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.rack-body{display:flex;flex-direction:column;min-width:48px;padding:3px;border-radius:var(--radius-sm);border-left:3px solid var(--outline);border-right:3px solid var(--outline);background:var(--surface-container-lowest);gap:3px}.rack-level{position:relative;display:flex;gap:2px;align-items:stretch;border-bottom:2px solid var(--outline-variant);padding-bottom:2px}.rack-level:last-child{border-bottom:none}.rack-axis .rack-body{border:none;background:none;min-width:0;padding-right:var(--space-2)}.rack-axis .rack-level{border-bottom:none;align-items:center;justify-content:flex-end}.rack-axis-label{font-size:10px;white-space:nowrap;color:var(--on-surface-variant)}.rack-cell{min-width:3px;padding:0;border:1px solid color-mix(in srgb,var(--outline) 45%,transparent);border-radius:2px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.rack-cell:hover{outline:2px solid var(--primary);outline-offset:1px}.rack-cell.selected{outline:2px solid var(--on-surface);outline-offset:1px}.rack-foot{text-align:center;font-size:var(--text-caption);color:var(--on-surface-variant);white-space:nowrap}.abcxyz{margin-bottom:var(--space-4)}.abcxyz-scroll{overflow-x:auto}.abcxyz-grid{width:100%;min-width:240px;border-collapse:separate;border-spacing:2px;table-layout:fixed}.abcxyz-grid th{font-weight:400;text-align:left}.abcxyz-grid thead th:first-child,.abcxyz-grid tbody th{width:132px}.abcxyz-corner{font-size:var(--text-caption);color:var(--on-surface-variant);padding:var(--space-2)}.abcxyz-axis{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--on-surface);font:inherit;cursor:pointer}.abcxyz-axis strong{font-size:var(--text-label)}.abcxyz-axis span{font-size:var(--text-caption);color:var(--on-surface-variant)}.abcxyz-axis:hover,.abcxyz-axis[aria-pressed=true]{background:var(--surface-container-high)}.abcxyz-cell{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);width:100%;min-height:56px;padding:var(--space-3);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:var(--surface-container-lowest);color:var(--on-surface);font:inherit;cursor:pointer;transition:box-shadow .12s ease}.abcxyz-cell:hover{box-shadow:0 0 0 2px var(--outline-variant)}.abcxyz-cell[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary)}.abcxyz-cell:focus-visible,.abcxyz-axis:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.abcxyz-code{font-size:var(--text-caption);font-weight:650;color:var(--on-surface-variant)}.abcxyz-count{font-size:var(--text-title);font-weight:650;font-variant-numeric:tabular-nums}.abcxyz-count.is-empty{color:var(--outline);font-weight:400}.abcxyz-rule{margin:var(--space-3) 0 0;font-size:var(--text-caption);color:var(--on-surface-variant)}@media(max-width:640px){.abcxyz{padding:var(--space-3)}.abcxyz-grid{min-width:0}.abcxyz-grid thead th:first-child,.abcxyz-grid tbody th{width:32px}.abcxyz-axis{padding:var(--space-1)}.abcxyz-axis span,.abcxyz-code{display:none}.abcxyz-corner{visibility:hidden}.abcxyz-cell{justify-content:center;min-height:44px;padding:var(--space-2) 0}.abcxyz-count{font-size:var(--text-label)}}@media(forced-colors:active){.abcxyz-cell[aria-pressed=true]{outline:3px solid Highlight}}:root{color-scheme:light;--primary: #0a6cff;--on-primary: #ffffff;--primary-container: #d8e8ff;--on-primary-container: #00294f;--secondary: #5a6473;--on-secondary: #ffffff;--secondary-container: #dfe6f2;--on-secondary-container: #161d27;--tertiary: #6b4ea8;--on-tertiary: #ffffff;--tertiary-container: #ebdfff;--on-tertiary-container: #21113f;--error: #d92c34;--on-error: #ffffff;--error-container: #ffdfdd;--on-error-container: #410004;--success: #17864c;--on-success: #ffffff;--success-container: #c2f2d5;--on-success-container: #00210f;--warning: #9a6300;--on-warning: #ffffff;--warning-container: #ffe3ad;--on-warning-container: #2b1c00;--zone-yellow: #c08a00;--zone-red: #c4302b;--surface: #eef2f8;--surface-dim: #dbe1ea;--surface-bright: #ffffff;--surface-container-lowest: #ffffff;--surface-container-low: #f7f9fc;--surface-container: #f1f4f9;--surface-container-high: #e8edf4;--surface-container-highest: #dfe5ee;--on-surface: #10151c;--on-surface-variant: #4a5462;--outline: #79828f;--outline-variant: #cbd3de;--mat-thin: rgb(255 255 255 / 34%);--mat-regular: rgb(255 255 255 / 55%);--mat-thick: rgb(255 255 255 / 80%);--glass-blur-thin: 16px;--glass-blur: 28px;--glass-blur-thick: 44px;--glass-saturate: 180%;--glass-specular: rgb(255 255 255 / 75%);--glass-stroke: rgb(255 255 255 / 55%);--glass-edge: rgb(10 21 40 / 8%);--aurora-1: #1d5fe0;--aurora-2: #7a3ce0;--aurora-3: #069b74;--aurora-4: #d94a72;--aurora-alpha: 30%;--backdrop: #dbe4f3;--grid-line: rgb(10 21 40 / 6%);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 999px;--elevation-1: 0 1px 2px rgb(10 21 40 / 5%), 0 2px 8px rgb(10 21 40 / 4%);--elevation-2: 0 2px 6px rgb(10 21 40 / 7%), 0 8px 24px rgb(10 21 40 / 6%);--elevation-3: 0 8px 24px rgb(10 21 40 / 10%), 0 24px 64px rgb(10 21 40 / 10%);--state-hover: 7%;--state-focus: 10%;--state-press: 12%;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--text-display: 30px;--text-title: 20px;--text-body: 14px;--text-label: 13px;--text-caption: 11px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .14s;--duration: .26s;--duration-slow: .42s;--sidebar-width: 232px;--sidebar-collapsed: 72px;--topbar-height: 64px}:root[data-theme=dark]{color-scheme:dark;--primary: #6fb0ff;--on-primary: #002f5e;--primary-container: #17456f;--on-primary-container: #d5e7ff;--secondary: #b8c2d2;--on-secondary: #232b36;--secondary-container: #384352;--on-secondary-container: #dae2f0;--tertiary: #cbb5f5;--on-tertiary: #34205c;--tertiary-container: #4b3778;--on-tertiary-container: #ebdfff;--error: #ffb3ad;--on-error: #5f0009;--error-container: #8c1119;--on-error-container: #ffdfdd;--success: #78dba5;--on-success: #00371c;--success-container: #0f5232;--on-success-container: #c2f2d5;--warning: #f0c064;--on-warning: #3d2b00;--warning-container: #5a4200;--on-warning-container: #ffe3ad;--zone-yellow: #e6c25c;--zone-red: #ffb3ad;--surface: #0a0e15;--surface-dim: #0a0e15;--surface-bright: #2b3140;--surface-container-lowest: #060910;--surface-container-low: #11161f;--surface-container: #151b25;--surface-container-high: #1d2432;--surface-container-highest: #262e3d;--on-surface: #e4e8f0;--on-surface-variant: #b3bccb;--outline: #7e8899;--outline-variant: #3a4352;--mat-thin: rgb(20 26 38 / 46%);--mat-regular: rgb(20 26 38 / 64%);--mat-thick: rgb(16 21 31 / 84%);--glass-specular: rgb(255 255 255 / 14%);--glass-stroke: rgb(255 255 255 / 10%);--glass-edge: rgb(0 0 0 / 40%);--aurora-1: #2f6dff;--aurora-2: #8145f0;--aurora-3: #12ab80;--aurora-4: #e04a73;--aurora-alpha: 55%;--backdrop: #070b12;--grid-line: rgb(255 255 255 / 4%);--elevation-1: 0 1px 2px rgb(0 0 0 / 40%), 0 2px 8px rgb(0 0 0 / 30%);--elevation-2: 0 2px 6px rgb(0 0 0 / 45%), 0 8px 24px rgb(0 0 0 / 35%);--elevation-3: 0 8px 24px rgb(0 0 0 / 55%), 0 24px 64px rgb(0 0 0 / 45%)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--text-body);line-height:1.5;color:var(--on-surface);background:var(--backdrop);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;pointer-events:none;opacity:var(--aurora-alpha);background:radial-gradient(44rem 34rem at 14% 10%,var(--aurora-1),transparent 58%),radial-gradient(40rem 32rem at 86% 6%,var(--aurora-2),transparent 58%),radial-gradient(46rem 36rem at 78% 92%,var(--aurora-3),transparent 58%),radial-gradient(36rem 30rem at 8% 86%,var(--aurora-4),transparent 58%);filter:blur(16px);animation:aurora-drift 90s var(--ease) infinite alternate}@keyframes aurora-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-2.5%,0) scale(1.08)}to{transform:translate3d(-2.5%,2%,0) scale(1.04)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(120% 100% at 50% 0%,#000 30%,transparent 85%);-webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 30%,transparent 85%)}h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--primary-container);color:var(--on-primary-container)}*{scrollbar-width:thin;scrollbar-color:var(--outline-variant) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--outline-variant);border:3px solid transparent;border-radius:var(--radius-full);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--outline);background-clip:content-box}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:-.01em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media print{body:before,body:after{display:none!important}.sidebar,.topbar,.page-actions,.toolbar,.btn{display:none!important}.shell{display:block;height:auto;padding:0}.page,.group,.card-glass{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-color:#ddd!important;overflow:visible!important;max-height:none!important}.map-canvas,.map-sections{overflow:visible!important;max-height:none!important}}:root[data-shell=translucent] body{background:transparent}:root[data-shell=translucent] body:before{opacity:calc(var(--aurora-alpha) * .22)}:root[data-shell=translucent] body:after{display:none}:root[data-shell=translucent]{--mat-thin: rgb(255 255 255 / 10%);--mat-regular: rgb(255 255 255 / 10%);--mat-thick: rgb(255 255 255 / 55%);--glass-blur-thin: 6px;--glass-blur: 12px;--glass-blur-thick: 26px}:root[data-shell=translucent][data-theme=dark]{--mat-thin: rgb(14 19 29 / 10%);--mat-regular: rgb(14 19 29 / 10%);--mat-thick: rgb(10 14 22 / 55%)}:root[data-shell=translucent] .sidebar,:root[data-shell=translucent] .topbar,:root[data-shell=translucent] .page-head,:root[data-shell=translucent] .card-glass{text-shadow:0 1px 2px rgb(0 0 0 / 22%)}:root[data-shell=translucent]:not([data-theme=dark]) .sidebar,:root[data-shell=translucent]:not([data-theme=dark]) .topbar,:root[data-shell=translucent]:not([data-theme=dark]) .page-head,:root[data-shell=translucent]:not([data-theme=dark]) .card-glass{text-shadow:0 1px 2px rgb(255 255 255 / 55%)}:root[data-shell=translucent] .table-wrap{background:color-mix(in srgb,var(--surface-container-lowest) 55%,transparent);backdrop-filter:blur(var(--glass-blur-thick));-webkit-backdrop-filter:blur(var(--glass-blur-thick))}:root[data-shell=translucent] .card{background:color-mix(in srgb,var(--surface-container-lowest) 28%,transparent)}:root[data-shell=translucent] .nav-group-items,:root[data-shell=translucent] .map-section-list,:root[data-shell=translucent] .map-canvas{background:color-mix(in srgb,var(--on-surface) 4%,transparent)}.glass,.glass-thin,.glass-thick{position:relative;border:1px solid var(--glass-stroke);box-shadow:inset 0 1px 0 var(--glass-specular),var(--elevation-2)}.glass-thin{background:var(--mat-thin);backdrop-filter:blur(var(--glass-blur-thin)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-thin)) saturate(var(--glass-saturate));box-shadow:inset 0 1px 0 var(--glass-specular),var(--elevation-1)}.glass{background:var(--mat-regular);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.glass-thick{background:var(--mat-thick);backdrop-filter:blur(var(--glass-blur-thick)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-thick)) saturate(var(--glass-saturate));box-shadow:inset 0 1px 0 var(--glass-specular),var(--elevation-3)}@supports not (backdrop-filter: blur(1px)){.glass-thin,.glass,.glass-thick{background:var(--surface-container-low)}}@media(prefers-reduced-transparency:reduce){.glass-thin,.glass,.glass-thick{background:var(--surface-container-low);backdrop-filter:none;-webkit-backdrop-filter:none}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-5);border:none;border-radius:var(--radius-full);font-size:var(--text-label);font-weight:550;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:box-shadow var(--duration) var(--ease),transform var(--duration-fast) var(--ease),background-color var(--duration) var(--ease)}.btn:active:not(:disabled){transform:scale(.96)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:currentColor;opacity:0;transition:opacity var(--duration-fast) var(--ease);pointer-events:none}.btn:hover:not(:disabled):after{opacity:calc(var(--state-hover) / 100)}.btn:active:not(:disabled):after{opacity:calc(var(--state-press) / 100)}.btn:disabled{cursor:not-allowed;opacity:.38}.btn-filled{background:var(--primary);color:var(--on-primary);box-shadow:inset 0 1px #ffffff40,var(--elevation-1)}.btn-filled:hover:not(:disabled){box-shadow:inset 0 1px #ffffff40,var(--elevation-2)}.btn-tonal{background:color-mix(in srgb,var(--on-surface) 8%,transparent);color:var(--on-surface);backdrop-filter:blur(var(--glass-blur-thin));-webkit-backdrop-filter:blur(var(--glass-blur-thin))}.btn-outlined{background:transparent;color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent)}.btn-text{background:transparent;color:var(--primary);padding:0 var(--space-3)}.btn-danger{background:var(--error);color:var(--on-error)}.btn-sm{min-height:32px;padding:0 var(--space-4);font-size:var(--text-caption)}.btn-icon{min-height:40px;width:40px;padding:0;border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant)}.card{border-radius:var(--radius-lg);padding:var(--space-5);background:color-mix(in srgb,var(--surface-container-lowest) 70%,transparent);border:1px solid var(--outline-variant)}.card-glass{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-caption);font-weight:600;letter-spacing:.02em;white-space:nowrap;background:var(--surface-container-high);color:var(--on-surface-variant)}.badge-success{background:var(--success-container);color:var(--on-success-container)}.badge-warning{background:var(--warning-container);color:var(--on-warning-container)}.badge-error{background:var(--error-container);color:var(--on-error-container)}.badge-info{background:var(--primary-container);color:var(--on-primary-container)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background:color-mix(in srgb,var(--surface-container-lowest) 92%,transparent);overflow:hidden}.table-scroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--text-body)}table.data th{position:sticky;top:0;z-index:1;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-caption);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-variant);background:color-mix(in srgb,var(--surface-container) 94%,transparent);backdrop-filter:blur(var(--glass-blur-thin));-webkit-backdrop-filter:blur(var(--glass-blur-thin));white-space:nowrap}table.data td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--outline-variant);vertical-align:middle}table.data tbody tr{transition:background-color var(--duration-fast) var(--ease)}table.data tbody tr:hover{background:color-mix(in srgb,var(--on-surface) 4%,transparent)}table.data td.right,table.data th.right{text-align:right}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center;color:var(--on-surface-variant)}.state-icon{color:var(--outline);opacity:.7}.state-title{font-size:var(--text-title);font-weight:500;color:var(--on-surface)}.state-hint{max-width:44ch;font-size:var(--text-label)}.state-error .state-icon{color:var(--error);opacity:1}.state-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-container) 25%,var(--surface-container-high) 37%,var(--surface-container) 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--text-label);font-weight:500;color:var(--on-surface-variant)}.input{height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--outline-variant);background:color-mix(in srgb,var(--surface-container-lowest) 80%,transparent);color:var(--on-surface);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.input:hover{border-color:var(--outline)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.input::placeholder{color:var(--outline)}textarea.input{height:auto;min-height:80px;padding:var(--space-3) var(--space-4);resize:vertical}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--outline-variant);background:var(--surface-container-low);font-size:var(--text-caption);color:var(--on-surface-variant)}.table-foot-note{display:inline-flex;align-items:center;gap:var(--space-2)}.table-foot-note:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warning)}.lag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-container-high);font-size:var(--text-caption);color:var(--on-surface-variant)}.lag-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.lag-stale .lag-dot{background:var(--warning)}.lag-error .lag-dot{background:var(--error)}.segmented{display:inline-flex;padding:2px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--on-surface) 7%,transparent)}.segmented-item{padding:0 var(--space-4);height:32px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-size:var(--text-caption);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.segmented-item:hover{color:var(--on-surface)}.segmented-item.active{background:var(--surface-container-lowest);color:var(--on-surface);box-shadow:inset 0 1px 0 var(--glass-specular),var(--elevation-1)}.dialog{width:min(460px,calc(100vw - 32px));padding:var(--space-5);border:1px solid var(--glass-stroke);border-radius:var(--radius-xl);color:var(--on-surface)}.dialog-wide{width:min(560px,calc(100vw - 32px));max-height:min(84vh,760px);overflow-y:auto}.dialog::backdrop{background:#060a146b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dialog[open]{display:flex;flex-direction:column;gap:var(--space-4);animation:dialog-in var(--duration) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.96)}}.dialog-head{display:flex;align-items:flex-start;gap:var(--space-3)}.dialog-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-full);background:var(--primary-container);color:var(--on-primary-container)}.dialog-icon.danger{background:var(--error-container);color:var(--on-error-container)}.dialog-title{font-size:var(--text-title);font-weight:500;letter-spacing:-.01em}.dialog-desc{margin-top:var(--space-1);font-size:var(--text-label);color:var(--on-surface-variant)}.dialog-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--error-container);color:var(--on-error-container);font-size:var(--text-label)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.field-row{display:flex;align-items:center;gap:var(--space-2)}.field-row>.input{flex:1;min-width:0}.field-hint{font-size:var(--text-caption);color:var(--on-surface-variant)}.kv{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-label)}.kv dt{color:var(--on-surface-variant)}.kv dd{margin:0;overflow-wrap:anywhere}.json-view{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-container);font-family:var(--font-mono);font-size:var(--text-caption);line-height:1.6;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--primary-container);color:var(--on-primary-container);font-size:var(--text-label)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(560px,100vw);display:flex;flex-direction:column;border:1px solid var(--glass-stroke);border-radius:var(--radius-xl) 0 0 var(--radius-xl);animation:drawer-in var(--duration) var(--ease-out)}@keyframes drawer-in{0%{transform:translate(28px);opacity:0}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--outline-variant)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.cell-sub{font-size:var(--text-caption);color:var(--on-surface-variant)}.link-btn{padding:0;border:none;background:none;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--on-primary-container)}.version-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.version-head{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.version-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.perm-group{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--outline-variant)}.perm-domain{font-family:var(--font-mono);font-size:var(--text-caption);font-weight:600;color:var(--primary)}.perm-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-3);height:100%;padding:var(--space-3);overflow:hidden;transition:grid-template-columns var(--duration) var(--ease)}.shell.collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-xl);overflow:hidden}.brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-4);flex-shrink:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--primary),var(--tertiary));color:#fff;font-weight:700;font-size:14px;letter-spacing:-.03em;box-shadow:inset 0 1px #fff6,var(--elevation-1)}.brand-text{min-width:0;line-height:1.15}.brand-name{font-size:var(--text-label);font-weight:650;letter-spacing:-.01em}.brand-sub{font-size:var(--text-caption);color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-2)}.nav-group{display:flex;flex-direction:column;gap:var(--space-2)}.nav-group-label{padding:0 var(--space-3);font-size:var(--text-caption);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);opacity:.75;white-space:nowrap}.nav-group-items{display:flex;flex-direction:column;border-radius:var(--radius-md);background:color-mix(in srgb,var(--on-surface) 4%,transparent);overflow:hidden}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--on-surface-variant);font-size:var(--text-label);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.nav-item+.nav-item:before{content:"";position:absolute;top:0;left:44px;right:0;height:1px;background:var(--outline-variant);opacity:.5}.nav-item:hover{background:color-mix(in srgb,var(--on-surface) 5%,transparent);color:var(--on-surface)}.nav-item.active{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);font-weight:600}.nav-item.active:after{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--primary)}.nav-icon{display:grid;place-items:center;width:20px;flex-shrink:0}.nav-label{overflow:hidden;text-overflow:ellipsis}.shell.collapsed .nav-label,.shell.collapsed .brand-text,.shell.collapsed .nav-group-label,.shell.collapsed .user-details{display:none}.shell.collapsed .nav-item{justify-content:center;padding-inline:0}.shell.collapsed .nav-item+.nav-item:before{left:var(--space-3)}.shell.collapsed .brand{justify-content:center;padding-inline:0}.sidebar-foot{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2)}.main{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--space-4);min-height:var(--topbar-height);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);flex-shrink:0}.crumbs{display:flex;align-items:center;gap:var(--space-2);min-width:0}.crumb-group{font-size:var(--text-label);color:var(--on-surface-variant);white-space:nowrap}.crumb-sep{color:var(--outline);flex-shrink:0}.crumb-current{font-size:15px;font-weight:620;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.user-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);background:color-mix(in srgb,var(--on-surface) 6%,transparent)}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,var(--primary),var(--tertiary));color:#fff;font-size:var(--text-caption);font-weight:700}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:var(--text-label);font-weight:550;line-height:1.15}.user-role{font-size:var(--text-caption);color:var(--on-surface-variant);line-height:1.15}.page{flex:1;min-height:0;overflow-y:auto;border-radius:var(--radius-xl);padding:var(--space-5)}.page-inner{max-width:1480px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--text-display);font-weight:680;letter-spacing:-.03em;line-height:1.1}.page-hint{margin-top:var(--space-2);font-size:var(--text-label);color:var(--on-surface-variant);max-width:68ch}.page-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-3)}.metric-label{font-size:var(--text-caption);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.metric-value{margin-top:var(--space-2);font-size:30px;font-weight:650;letter-spacing:-.035em;line-height:1.1}.metric-hint{margin-top:var(--space-1);font-size:var(--text-caption);color:var(--on-surface-variant)}.metric-accent-error .metric-value{color:var(--error)}.metric-accent-warning .metric-value{color:var(--warning)}.metric-accent-success .metric-value{color:var(--success)}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.metric-icon{color:var(--outline);opacity:.8}.toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.toolbar-grow{flex:1;min-width:200px}.search-box{position:relative;display:flex;align-items:center}.search-box .icon-inside{position:absolute;left:var(--space-3);color:var(--outline);pointer-events:none}.search-box .input{width:100%;padding-left:38px}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-label);font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant)}.group{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg)}.group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.group-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.group-title{font-size:15px;font-weight:620;letter-spacing:-.01em}.group-hint{margin-top:2px;font-size:var(--text-caption);color:var(--on-surface-variant)}.group-card{background:color-mix(in srgb,var(--surface-container-lowest) 70%,transparent);border:1px solid var(--outline-variant);gap:var(--space-3)}.section>.group-card+.group-card{margin-top:var(--space-3)}.group-help{margin:0;max-width:78ch;font-size:var(--text-label);line-height:1.6;color:var(--on-surface-variant)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-4);align-items:start}@media(max-width:980px){.shell,.shell.collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.nav-label,.brand-text,.nav-group-label,.user-details{display:none}.nav-item,.brand{justify-content:center;padding-inline:0}.page{padding:var(--space-4)}}.live{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb,var(--on-surface) 6%,transparent);font-size:var(--text-caption);color:var(--on-surface-variant);white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--outline)}.live-live .live-dot{background:var(--success);animation:live-pulse 2.4s var(--ease) infinite}.live-connecting .live-dot{background:var(--warning)}.live-offline .live-dot{background:var(--error)}@keyframes live-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--success) 60%,transparent)}50%{box-shadow:0 0 0 4px transparent}}@media(max-width:1240px){.live-text{display:none}}:root[data-titlebar=overlay] .topbar,:root[data-titlebar=overlay] .login-screen{-webkit-app-region:drag}:root[data-titlebar=overlay] .topbar button,:root[data-titlebar=overlay] .topbar a,:root[data-titlebar=overlay] .topbar input,:root[data-titlebar=overlay] .topbar .user-chip,:root[data-titlebar=overlay] .topbar .live,:root[data-titlebar=overlay] .login-card{-webkit-app-region:no-drag}:root[data-titlebar=overlay] .brand{padding-top:var(--space-6)}