:root{--font-display:"Chakra Petch", "Segoe UI", sans-serif;--font-body:"Plus Jakarta Sans", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--bg-void:#121416;--bg-base:#121416;--bg-elevated:#1c1f23;--bg-surface:#24272c;--bg-surface-hover:#2b2f35;--bg-surface-active:#31363d;--bg-base-rgb:18, 20, 22;--bg-elevated-rgb:28, 31, 35;--bg-surface-rgb:36, 39, 44;--border-subtle:#34383e99;--border-default:#34383e;--border-strong:#474c54;--accent-primary:#f36c00;--accent-primary-hover:#ff7a1a;--accent-primary-strong:#d95f00;--accent-primary-soft:#ff9d4f;--accent-primary-dim:#f36c0024;--accent-primary-rgb:243, 108, 0;--accent-gradient:linear-gradient(135deg, var(--accent-primary-hover) 0%, var(--accent-primary-strong) 100%);--status-success:#3ddc84;--status-success-dim:#3ddc8424;--status-success-border:#3ddc844d;--status-warning:#ffd23f;--status-warning-dim:#ffd23f24;--status-warning-border:#ffd23f4d;--status-danger:#ff5a5a;--status-danger-dim:#ff5a5a24;--status-danger-border:#ff5a5a4d;--status-neutral:#7c838c;--status-neutral-dim:#7c838c24;--text-primary:#f5f7fa;--text-secondary:#a7adb5;--text-tertiary:#7c838c;--text-secondary-rgb:167, 173, 181;--text-on-accent:#121416;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.375rem;--shadow-sm:0 2px 8px #00000047;--shadow-md:0 8px 24px #0000005c;--shadow-lg:0 16px 48px #00000073;--drop-shadow-logo:0 6px 18px #00000073;--glow-accent:0 0 0 1px #f36c0073, 0 0 20px #f36c0038, inset 0 1px 0 #ffffff0a;--glow-accent-strong:0 0 0 1px #ff7a1a8c, 0 0 28px #f36c0059, inset 0 1px 0 #ffffff0d;--glow-card-inset:inset 0 1px 0 #ffffff08;--glow-success:0 0 12px #3ddc848c;--glow-warning:0 0 12px #ffd23f8c;--glow-danger:0 0 12px #ff5a5a8c;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.14s;--duration-base:.22s;--duration-slow:.42s;--sidebar-width:264px;--sidebar-width-collapsed:84px;--header-height:72px;--content-max-width:1440px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-void);overflow-x:hidden}#root{min-height:100vh}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-soft)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.font-display{font-family:var(--font-display);letter-spacing:.01em}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--glow-card-inset)}.text-gradient{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;position:relative}.status-dot:after{content:"";border-radius:inherit;background:inherit;opacity:.35;animation:pulse-ring 2.2s var(--ease-in-out) infinite;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.7)}70%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(.7)}}.ambient-glow{z-index:0;pointer-events:none;background:radial-gradient(620px circle at 8% -12%, rgba(var(--accent-primary-rgb), .12), transparent 60%), radial-gradient(720px circle at 100% 0%, rgba(var(--accent-primary-rgb), .06), transparent 55%), radial-gradient(900px circle at 50% 120%, rgba(var(--text-secondary-rgb), .04), transparent 60%);position:fixed;inset:0}.grain-overlay{z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}.route-fallback{min-height:40vh;color:var(--text-tertiary);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:12px;display:grid}.brand-logo{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;height:auto;filter:drop-shadow(var(--drop-shadow-logo));display:block}.brand-logo--xs{width:60px}.brand-logo--sm{width:96px}.brand-logo--md{width:168px}.brand-logo--lg{width:240px}.network-bg{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.login-page{background:var(--bg-void);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page__vignette{z-index:1;pointer-events:none;background:radial-gradient(720px circle at 50% 42%, rgba(var(--bg-base-rgb), 0) 0%, rgba(var(--bg-base-rgb), .55) 68%, rgba(var(--bg-base-rgb), .92) 100%), radial-gradient(640px circle at 82% 16%, rgba(var(--accent-primary-rgb), .12), transparent 60%), radial-gradient(560px circle at 8% 88%, rgba(var(--accent-primary-rgb), .06), transparent 55%);position:fixed;inset:0}.login-page__content{z-index:2;align-items:center;gap:var(--space-10);padding:var(--space-6);display:flex;position:relative}.login-card{width:min(440px,92vw);padding:var(--space-8) var(--space-8) var(--space-6);gap:var(--space-6);-webkit-backdrop-filter:blur(18px)saturate(120%);background:rgba(var(--bg-surface-rgb), .8);border-top:3px solid var(--accent-primary);flex-direction:column;display:flex;position:relative}.login-card.is-shaking{animation:shake .48s var(--ease-in-out)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.login-card__brand{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.login-card__logo{width:min(240px,72%)}.login-card__brand-text{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.login-card__brand-name{letter-spacing:.1em;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.25}.login-card__brand-sub{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent-primary-soft);font-size:.6875rem}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-field__label{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.01em;font-weight:500}.login-field__control{align-items:center;gap:var(--space-3);padding:12px var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-tertiary);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);display:flex}.login-field__control:focus-within{border-color:var(--accent-primary);box-shadow:var(--glow-accent);color:var(--accent-primary-soft)}.login-field__control input{min-width:0;font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.login-field__control input::placeholder{color:var(--text-tertiary)}.login-field__toggle{color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-field__toggle:hover{color:var(--text-primary)}.login-form__error{font-size:var(--text-xs);color:var(--status-danger);background:var(--status-danger-dim);border:1px solid var(--status-danger-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.login-submit{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-1);padding:13px var(--space-5);border-radius:var(--radius-md);background:var(--accent-primary);color:var(--text-on-accent);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--glow-accent);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);font-weight:700;display:flex}.login-submit:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--glow-accent-strong);transform:translateY(-1px)}.login-submit:active:not(:disabled){background:var(--accent-primary-strong);transform:translateY(0)}.login-submit:disabled{opacity:.65;cursor:progress}.login-links{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.login-links a,.login-links button{font-size:var(--text-xs);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:4px;display:inline-flex}.login-links a:hover,.login-links button:hover{color:var(--accent-primary-soft)}.login-links__dot{border-radius:var(--radius-full);background:var(--border-strong);width:3px;height:3px}.login-status{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex}.login-status__left{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;display:flex}.login-footer{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;color:var(--text-tertiary);letter-spacing:.01em;font-size:.6875rem;display:flex}.login-footer svg{color:var(--status-success);flex-shrink:0}.login-agents{gap:var(--space-4);flex-direction:column;display:flex}.login-agent-tile{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(var(--bg-surface-rgb), .65);-webkit-backdrop-filter:blur(14px);border-left:3px solid var(--accent-primary);width:250px;display:flex}.login-agent-tile__icon{border-radius:var(--radius-sm);background:var(--accent-primary-dim);width:34px;height:34px;color:var(--accent-primary-soft);border:1px solid var(--border-default);flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-agent-tile__text{flex-direction:column;gap:3px;min-width:0;display:flex}.login-agent-tile__label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.login-agent-tile__status{color:var(--text-secondary);align-items:center;gap:6px;font-size:.6875rem;display:flex}@media (width<=980px){.login-agents{display:none}}@media (width<=480px){.login-card{padding:var(--space-6) var(--space-5) var(--space-5)}.login-card__logo{width:min(200px,78%)}}.state{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);min-height:180px;color:var(--text-secondary);flex-direction:column;display:flex}.state--compact{min-height:0;padding:var(--space-5) var(--space-4)}.state__icon{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);width:48px;height:48px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.state__icon[data-tone=accent]{background:var(--accent-primary-dim);border-color:rgba(var(--accent-primary-rgb), .35);color:var(--accent-primary-soft)}.state__icon[data-tone=danger]{background:var(--status-danger-dim);border-color:var(--status-danger-border);color:var(--status-danger)}.state__icon[data-tone=warning]{background:var(--status-warning-dim);border-color:var(--status-warning-border);color:var(--status-warning)}.state__title{font-family:var(--font-display);font-size:var(--text-md);color:var(--text-primary);font-weight:600}.state__description{max-width:460px;font-size:var(--text-sm);line-height:1.55}.state__actions{gap:var(--space-2);margin-top:var(--space-1);display:flex}.state__button{align-items:center;gap:var(--space-2);padding:8px var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-sm);background:var(--accent-primary);color:var(--text-on-accent);transition:background var(--duration-fast) var(--ease-out);font-weight:600;display:inline-flex}.state__button:hover{background:var(--accent-primary-hover)}.state__button--ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:0 0}.state__button--ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.state__spinner{align-items:flex-end;gap:4px;height:22px;display:inline-flex}.state__spinner span{background:var(--accent-primary);width:6px;height:100%;animation:state-pulse 1s var(--ease-in-out) infinite;transform-origin:bottom;border-radius:2px}.state__spinner span:nth-child(2){animation-delay:.15s}.state__spinner span:nth-child(3){animation-delay:.3s}@keyframes state-pulse{0%,to{opacity:.5;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.state__spinner span{animation:none;transform:scaleY(.7)}}.skeleton{gap:var(--space-2);display:grid}.skeleton__row{background:linear-gradient(90deg, var(--bg-elevated) 0%, var(--bg-surface-hover) 50%, var(--bg-elevated) 100%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.4s linear infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.offline-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--status-warning-dim);border-bottom:1px solid var(--status-warning-border);color:var(--text-primary);font-size:var(--text-sm);display:flex}.offline-banner svg{color:var(--status-warning);flex-shrink:0}.offline-banner__hint{color:var(--text-secondary)}.placeholder-tag{border-radius:var(--radius-full);border:1px dashed var(--border-strong);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:.6875rem;display:inline-flex}.sidebar{z-index:20;width:var(--sidebar-width);background:var(--bg-elevated);border-right:1px solid var(--border-subtle);height:100vh;padding:var(--space-5) var(--space-3);transition:width var(--duration-slow) var(--ease-in-out);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidebar[data-collapsed=true]{width:var(--sidebar-width-collapsed)}.sidebar[data-collapsed=true] .sidebar__label,.sidebar[data-collapsed=true] .sidebar__brand-text,.sidebar[data-collapsed=true] .sidebar__collapse-label{opacity:0;pointer-events:none;width:0}.sidebar[data-collapsed=true] .sidebar__link-inner{justify-content:center}.sidebar__brand{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-5);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.sidebar .sidebar__logo{width:min(176px,100%);transition:width var(--duration-slow) var(--ease-in-out)}.sidebar[data-collapsed=true] .sidebar__logo{width:56px}.sidebar__brand-text{white-space:nowrap;transition:opacity var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out);flex-direction:column;align-items:center;display:flex;overflow:hidden}.sidebar__brand-name{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.01em;color:var(--text-primary);font-weight:600}.sidebar__brand-sub{color:var(--accent-primary-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.sidebar__nav{gap:var(--space-1);padding-top:var(--space-2);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar__link{border-radius:var(--radius-md);color:var(--text-secondary);display:block}.sidebar__link-inner{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out);display:flex;position:relative;overflow:hidden}.sidebar__link:hover .sidebar__link-inner{color:var(--text-primary);background:var(--bg-surface-hover)}.sidebar__link.is-active .sidebar__link-inner{color:var(--text-primary)}.sidebar__active-pill{border-radius:var(--radius-md);background:var(--accent-primary-dim);border:1px solid rgba(var(--accent-primary-rgb), .35);border-left:3px solid var(--accent-primary);z-index:-1;position:absolute;inset:0}.sidebar__icon{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.sidebar__link.is-active .sidebar__icon{color:var(--accent-primary-soft)}.sidebar__label{font-size:var(--text-sm);white-space:nowrap;z-index:1;transition:opacity var(--duration-fast) var(--ease-out), width var(--duration-base) var(--ease-out);font-weight:500;overflow:hidden}.sidebar__collapse{align-items:center;gap:var(--space-3);padding:var(--space-3);margin-top:var(--space-2);border-radius:var(--radius-md);color:var(--text-tertiary);border-top:1px solid var(--border-subtle);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);display:flex}.sidebar__collapse:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.sidebar__collapse-label{font-size:var(--text-xs);white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-out), width var(--duration-base) var(--ease-out);overflow:hidden}.header{z-index:15;align-items:center;gap:var(--space-6);height:var(--header-height);padding:0 var(--space-8);background:rgba(var(--bg-elevated-rgb), .85);-webkit-backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--border-subtle);display:flex;position:sticky;top:0}.header__section{flex-shrink:0;align-items:center;display:flex}.header__section--left{gap:var(--space-3);min-width:180px}.header .header__logo{flex-shrink:0;width:60px}.header__titles{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.header__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary-soft);font-size:.6875rem;font-weight:600}.header__title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.header__search-wrap{flex:1;max-width:480px;margin:0 auto;position:relative}.header__search{align-items:center;gap:var(--space-2);padding:9px var(--space-4);border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-tertiary);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);display:flex}.header__search-dropdown{z-index:20;padding:var(--space-2);flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0}.header__search-empty{padding:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.header__search-result{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);text-align:left;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);display:flex}.header__search-result:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.header__search:focus-within{border-color:var(--accent-primary);box-shadow:var(--glow-accent);color:var(--accent-primary-soft)}.header__search input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.header__search input::placeholder{color:var(--text-tertiary)}.header__search kbd{font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-surface-hover);border:1px solid var(--border-default);border-radius:6px;padding:2px 6px;font-size:.6875rem}.header__section--right{gap:var(--space-4);margin-left:auto}.header__notif-wrap{position:relative}.header__icon-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.header__notif-dropdown{z-index:20;width:320px;padding:var(--space-2) 0;position:absolute;top:calc(100% + 10px);right:0}.header__notif-header{padding:var(--space-2) var(--space-4) var(--space-3);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-2);font-size:.6875rem;font-weight:600}.header__notif-list{flex-direction:column;display:flex}.header__notif-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-4);transition:background var(--duration-fast) var(--ease-out);display:flex}.header__notif-item:hover{background:var(--bg-surface-hover)}.header__notif-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.header__notif-icon--danger{color:var(--status-danger);background:var(--status-danger-dim)}.header__notif-icon--warning{color:var(--status-warning);background:var(--status-warning-dim)}.header__notif-icon--success{color:var(--status-success);background:var(--status-success-dim)}.header__notif-icon--accent{color:var(--accent-primary-soft);background:var(--accent-primary-dim)}.header__notif-body{flex-direction:column;gap:2px;display:flex}.header__notif-text{color:var(--text-primary);font-size:.8125rem;line-height:1.4}.header__notif-time{color:var(--text-tertiary);font-size:.6875rem}.header__icon-btn:hover{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}.header__notif-dot{border-radius:var(--radius-full);background:var(--status-danger);width:7px;height:7px;box-shadow:var(--glow-danger);position:absolute;top:8px;right:9px}.header__divider{background:var(--border-default);width:1px;height:24px}.header__user{align-items:center;gap:var(--space-3);padding:6px var(--space-2) 6px 6px;border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:1px solid #0000;display:flex}.header__user:hover{background:var(--bg-surface);border-color:var(--border-default)}.header__avatar{border-radius:var(--radius-full);background:var(--accent-primary);width:32px;height:32px;color:var(--text-on-accent);font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.header__user-info{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.header__user-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.header__user-role{color:var(--text-tertiary);font-size:.6875rem}.header__user-chevron{color:var(--text-tertiary);margin-left:var(--space-1)}@media (width<=960px){.header__search-wrap{display:none}}@media (width<=640px){.header .header__logo{display:none}}.header__realtime{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;padding:6px 10px;font-weight:600;display:inline-flex}.header__realtime[data-tone=success]{color:var(--status-success)}.header__realtime[data-tone=warning]{color:var(--status-warning)}.header__realtime[data-tone=danger]{color:var(--status-danger)}.header__realtime .status-dot{width:7px;height:7px}@media (width<=760px){.header__realtime-label,.header__user-info{display:none}.header{padding:0 var(--space-4);gap:var(--space-3)}}.app-shell{background:var(--bg-base);min-height:100vh;display:flex;position:relative}.app-shell__main{z-index:2;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.app-shell__content{z-index:2;padding:var(--space-8);max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto;position:relative}@media (width<=1024px){.app-shell__content{padding:var(--space-5)}}@media (width<=640px){.app-shell__content{padding:var(--space-4)}}