.sidebar{width:var(--sidebar-width);background:var(--md-sys-color-surface-container);z-index:100;flex-direction:column;padding:12px 12px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{color:var(--md-sys-color-on-surface);align-items:center;gap:12px;padding:16px 16px 20px;display:flex}.logo-mark{border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);width:42px;height:42px;color:var(--md-sys-color-on-surface);box-shadow:none;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex}.logo-text{flex-direction:column;line-height:1.2;display:flex}.logo-title{letter-spacing:.1px;color:var(--md-sys-color-on-surface);font-size:16px;font-weight:600}.logo-subtitle{color:var(--md-sys-color-on-surface-variant);letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:11px}.sidebar-nav{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 0;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-section-label{color:var(--md-sys-color-outline);text-transform:uppercase;letter-spacing:1.2px;padding:6px 16px 4px;font-size:10.5px;font-weight:600}.nav-group:first-child .nav-section-label{padding-top:2px}.nav-item{border-radius:var(--md-sys-shape-corner-full);height:48px;color:var(--md-sys-color-on-surface-variant);letter-spacing:.1px;transition:background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);align-items:center;gap:14px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.nav-item:hover{color:var(--md-sys-color-on-surface)}.nav-item:hover:before{opacity:.08}.nav-item:active:before{opacity:.12}.nav-item.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}.nav-item.active .nav-icon{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.nav-icon{text-align:center;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;flex-shrink:0;width:24px;font-family:Material Symbols Outlined;font-size:22px}.sidebar-footer{border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);align-items:center;gap:10px;margin-top:8px;padding:12px 16px 4px;font-size:12px;display:flex}.status-dot{background:var(--md-sys-color-success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #8fdca333}@media (height<=820px){.sidebar-logo{padding:12px 16px}.nav-item{height:42px}.sidebar-nav{gap:6px}.nav-section-label{padding:4px 16px 3px}.sidebar-footer{display:none}}@media (height<=640px){.nav-item{height:38px;font-size:13px}.sidebar-nav{gap:4px}.logo-subtitle{display:none}}.cmdk-backdrop{z-index:var(--z-modal,1100);background:var(--md-sys-color-scrim,#000000b3);justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:.14s ease-out cmdk-fade;display:flex;position:fixed;inset:0}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}.cmdk-panel{background:var(--md-sys-color-surface-container-high,#111113);border:1px solid var(--md-sys-color-outline-variant,#3a3a3f);border-radius:var(--md-sys-shape-corner-lg,14px);width:100%;max-width:560px;box-shadow:var(--md-sys-elevation-3,0 24px 64px #000000b3);max-height:70vh;animation:cmdk-pop .16s var(--md-sys-motion-easing-emphasized,cubic-bezier(.2, 0, 0, 1));flex-direction:column;display:flex;overflow:hidden}@keyframes cmdk-pop{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cmdk-input-row{border-bottom:1px solid var(--md-sys-color-outline-variant,#3a3a3f);align-items:center;gap:10px;padding:14px 16px;display:flex}.cmdk-search-icon{color:var(--md-sys-color-on-surface-variant,#9a9aa1);font-size:20px}.cmdk-input{color:var(--md-sys-color-on-surface,#fff);background:0 0;border:none;outline:none;flex:1;font-size:15px}.cmdk-input::placeholder{color:var(--md-sys-color-outline,#5a5a5f)}.cmdk-esc{color:var(--md-sys-color-on-surface-variant,#9a9aa1);border:1px solid var(--md-sys-color-outline-variant,#3a3a3f);border-radius:6px;padding:2px 6px;font-family:inherit;font-size:10px}.cmdk-list{flex-direction:column;gap:2px;padding:6px;display:flex;overflow-y:auto}.cmdk-empty{text-align:center;color:var(--md-sys-color-on-surface-variant,#9a9aa1);padding:24px;font-size:13px}.cmdk-item{border-radius:var(--md-sys-shape-corner-sm,8px);width:100%;color:var(--md-sys-color-on-surface-variant,#9a9aa1);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.cmdk-item.active{background:var(--md-sys-color-secondary-container,#16161a);color:var(--md-sys-color-on-surface,#fff)}.cmdk-item-icon{color:inherit;flex-shrink:0;font-size:20px}.cmdk-item-label{flex:1;font-weight:500}.cmdk-item-group{color:var(--md-sys-color-outline,#5a5a5f);text-transform:uppercase;letter-spacing:.6px;flex-shrink:0;font-size:11px}.cmdk-footer{border-top:1px solid var(--md-sys-color-outline-variant,#3a3a3f);color:var(--md-sys-color-on-surface-variant,#9a9aa1);gap:16px;padding:8px 16px;font-size:11px;display:flex}.cmdk-footer kbd{border:1px solid var(--md-sys-color-outline-variant,#3a3a3f);border-radius:4px;margin-right:3px;padding:1px 5px;font-family:inherit}.cmdk-trigger{background:var(--md-sys-color-surface-container-high,#111113);border:1px solid var(--md-sys-color-outline-variant,#3a3a3f);border-radius:var(--md-sys-shape-corner-full,9999px);height:34px;color:var(--md-sys-color-on-surface-variant,#9a9aa1);align-items:center;gap:8px;padding:0 12px;font-size:13px;transition:color .2s,border-color .2s;display:inline-flex}.cmdk-trigger:hover{color:var(--md-sys-color-on-surface,#fff);border-color:var(--md-sys-color-outline,#5a5a5f)}.cmdk-trigger .material-symbols-outlined{font-size:18px}.cmdk-trigger kbd{border:1px solid var(--md-sys-color-outline-variant,#3a3a3f);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px}@media (width<=640px){.cmdk-trigger-label,.cmdk-trigger kbd{display:none}.cmdk-backdrop{padding-top:8vh}}.layout{background:var(--md-sys-color-surface);min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:32px 40px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.user-chip{background:var(--md-sys-color-surface-container);border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:13px;display:flex}.user-name{color:var(--md-sys-color-on-surface);font-weight:600}.user-role{color:#5b9cf6;text-transform:uppercase;letter-spacing:.5px;background:#5b9cf626;border-radius:10px;padding:2px 8px;font-size:10px}.logout-btn{cursor:pointer;color:var(--md-sys-color-on-surface-variant);background:0 0;border:0;border-radius:50%;align-items:center;padding:4px 8px;display:flex}.logout-btn:hover{color:var(--md-sys-color-on-surface);background:#ffffff0d}.logout-btn .material-symbols-outlined{font-size:18px}.menu-toggle{z-index:200;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);cursor:pointer;border-radius:10px;padding:8px 10px;display:none;position:fixed;top:12px;left:12px}.menu-toggle .material-symbols-outlined{font-size:22px}.menu-overlay{z-index:90;background:#00000080;display:none;position:fixed;inset:0}@media (width<=900px){.main-content{max-width:100%;margin-left:0;padding:70px 14px 24px}.menu-toggle{display:flex}.layout .sidebar{transition:transform .25s;transform:translate(-100%);box-shadow:0 0 40px #0006}.layout.menu-open .sidebar{transform:translate(0)}.layout.menu-open .menu-overlay{display:block}.topbar{justify-content:flex-end;padding-right:4px}.table-wrap,.data-table{font-size:11px}.apple2fa-card,.cardinal-card,.users-card{padding:14px}.page-header h1{font-size:20px}.subtitle{font-size:12px}}@media (width<=500px){.user-name,.logo-subtitle{display:none}}.bottom-nav{display:none}@media (width<=900px){.bottom-nav{z-index:95;background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bn-item{color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 4px;font-size:11px;text-decoration:none;display:flex}.bn-item.active{color:var(--md-sys-color-primary)}.bn-item .material-symbols-outlined{font-size:24px}.bn-label{font-weight:600}.main-content{min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}body:has(.chat-page.has-active) .bottom-nav{display:none}body:has(.chat-page.has-active) .main-content{padding-bottom:0}}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:28px;display:flex;box-shadow:0 20px 40px #0000004d}.login-brand{align-items:center;gap:12px;margin-bottom:8px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--md-sys-color-primary), var(--md-sys-color-primary));width:44px;height:44px;color:var(--md-sys-color-on-primary);border-radius:10px;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.brand-title{color:var(--text-primary);font-size:16px;font-weight:700}.brand-sub{color:var(--text-muted);font-size:11px}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--text-secondary);letter-spacing:.5px;font-size:11px;font-weight:600}.login-field input{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.login-field input:focus{border-color:var(--md-sys-color-primary)}.login-error{color:var(--md-sys-color-error);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:8px 12px;font-size:12px}.login-submit{background:var(--md-sys-color-primary);width:100%;color:var(--md-sys-color-on-primary);cursor:pointer;border:0;border-radius:8px;margin-top:4px;padding:12px;font-size:14px;font-weight:700;transition:all .15s}.login-submit:hover:not(:disabled){background:var(--md-sys-color-primary)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.home{flex-direction:column;gap:28px;max-width:1100px;padding-bottom:32px;display:flex}.home-head{flex-direction:column;gap:4px;display:flex}.home-title{letter-spacing:-.3px;color:var(--md-sys-color-on-surface);font-size:26px;font-weight:700}.home-sub{color:var(--md-sys-color-on-surface-variant);font-size:14px}.home-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.home-stats-note{color:var(--md-sys-color-outline);margin-top:-16px;font-size:11px}.home-stat{text-align:left;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-md);flex-direction:column;gap:6px;padding:16px 18px;transition:border-color .2s,background .2s;display:flex}.home-stat:hover{border-color:var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-high)}.home-stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--md-sys-color-on-surface-variant);font-size:11px}.home-stat-value{color:var(--md-sys-color-on-surface);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.home-stat-value.pos{color:var(--md-sys-color-success)}.home-stat-value.neg{color:var(--md-sys-color-error)}.home-stat-sub{color:var(--md-sys-color-outline);font-size:11px}.home-stat-skel{background:linear-gradient(100deg, var(--md-sys-color-surface-container) 30%, var(--md-sys-color-surface-container-high) 50%, var(--md-sys-color-surface-container) 70%);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-md);background-size:200% 100%;height:92px;animation:1.2s ease-in-out infinite home-shimmer}@keyframes home-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-launch{flex-direction:column;gap:20px;display:flex}.home-group{flex-direction:column;gap:10px;display:flex}.home-group-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--md-sys-color-outline);font-size:11px;font-weight:600}.home-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.home-card{text-align:left;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-md);color:var(--md-sys-color-on-surface-variant);align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:500;transition:border-color .2s,background .2s,color .2s,transform .12s;display:flex}.home-card:hover{border-color:var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);transform:translateY(-1px)}.home-card-icon{color:var(--md-sys-color-on-surface-variant);flex-shrink:0;font-size:22px}.home-card:hover .home-card-icon{color:var(--md-sys-color-on-surface)}.home-card-label{flex:1}@media (width<=900px){.home-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.home-stats{grid-template-columns:1fr}.home-title{font-size:22px}}*{box-sizing:border-box;margin:0;padding:0}.material-symbols-outlined,.nav-icon{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1}:root{--md-sys-color-primary:#fff;--md-sys-color-on-primary:#000;--md-sys-color-primary-container:#16161a;--md-sys-color-on-primary-container:#fff;--md-sys-color-secondary:#c7c7ce;--md-sys-color-on-secondary:#000;--md-sys-color-secondary-container:#16161a;--md-sys-color-on-secondary-container:#f0f0fa;--md-sys-color-tertiary:#c7c7ce;--md-sys-color-on-tertiary:#000;--md-sys-color-tertiary-container:#16161a;--md-sys-color-on-tertiary-container:#f0f0fa;--md-sys-color-error:#ef5350;--md-sys-color-on-error:#2a0907;--md-sys-color-error-container:#ef535024;--md-sys-color-on-error-container:#ff8a86;--md-sys-color-success:#34c77b;--md-sys-color-on-success:#04130b;--md-sys-color-success-container:#34c77b24;--md-sys-color-on-success-container:#6fe0a0;--md-sys-color-surface:#000;--md-sys-color-on-surface:#fff;--md-sys-color-on-surface-variant:#9a9aa1;--md-sys-color-surface-container-lowest:#000;--md-sys-color-surface-container-low:#0a0a0a;--md-sys-color-surface-container:#0a0a0a;--md-sys-color-surface-container-high:#111113;--md-sys-color-surface-container-highest:#1a1a1e;--md-sys-color-outline:#5a5a5f;--md-sys-color-outline-variant:#3a3a3f;--md-sys-color-inverse-surface:#fff;--md-sys-color-inverse-on-surface:#000;--md-sys-color-inverse-primary:#000;--md-sys-color-scrim:#000000b3;--md-sys-shape-corner-none:0;--md-sys-shape-corner-xs:4px;--md-sys-shape-corner-sm:6px;--md-sys-shape-corner-md:10px;--md-sys-shape-corner-lg:14px;--md-sys-shape-corner-xl:24px;--md-sys-shape-corner-full:9999px;--md-sys-typescale-display-font:"Inter", system-ui, -apple-system, sans-serif;--md-sys-typescale-body-font:"Inter", system-ui, -apple-system, sans-serif;--track-display:1.6px;--track-eyebrow:1.8px;--track-nav:.6px;--md-sys-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-duration-short:.2s;--md-sys-motion-duration-medium:.3s;--md-sys-motion-duration-long:.4s;--md-sys-color-warning:#f2b53a;--md-sys-color-on-warning:#2a1e00;--md-sys-color-warning-container:#f2b53a24;--md-sys-color-on-warning-container:#f2b53a;--md-sys-color-warning-border:#f2b53a6b;--md-sys-color-info:#8ab4d8;--md-sys-color-on-info:#08151f;--md-sys-color-info-container:#8ab4d824;--md-sys-color-on-info-container:#b9d6ef;--md-sys-elevation-1:none;--md-sys-elevation-2:none;--md-sys-elevation-3:0 24px 64px #000000b3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--z-base:1;--z-dropdown:40;--z-sidebar:100;--z-overlay:1000;--z-modal:1100;--z-toast:1200;--bg-primary:var(--md-sys-color-surface);--bg-secondary:var(--md-sys-color-surface-container);--bg-tertiary:var(--md-sys-color-surface-container-high);--bg-hover:var(--md-sys-color-surface-container-highest);--border:var(--md-sys-color-outline-variant);--text-primary:var(--md-sys-color-on-surface);--text-secondary:var(--md-sys-color-on-surface-variant);--text-muted:var(--md-sys-color-outline);--accent:var(--md-sys-color-primary);--accent-hover:#f0f0fa;--success:var(--md-sys-color-success);--success-bg:var(--md-sys-color-success-container);--success-border:var(--md-sys-color-success);--error:var(--md-sys-color-error);--error-bg:var(--md-sys-color-error-container);--error-border:var(--md-sys-color-error);--warning:var(--md-sys-color-warning);--warning-bg:var(--md-sys-color-warning-container);--warning-border:var(--md-sys-color-warning);--info:var(--md-sys-color-info);--info-bg:var(--md-sys-color-info-container);--info-border:var(--md-sys-color-info);--sidebar-width:260px}html,body{height:100%}body{font-family:var(--md-sys-typescale-body-font);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);letter-spacing:.15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:0 0;position:fixed;inset:0}#root{z-index:1;position:relative}a{color:var(--md-sys-color-primary);transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);text-decoration:none}a:hover{opacity:.85}button{cursor:pointer;letter-spacing:.1px;font-family:inherit}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}input,select,textarea{color:var(--md-sys-color-on-surface);font-family:inherit}input::selection{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}textarea::selection{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);border:2px solid var(--md-sys-color-surface)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}@media (width<=900px){::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}body{min-height:100dvh}}.md3-state-layer{isolation:isolate;position:relative;overflow:hidden}.md3-state-layer:after{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.md3-state-layer:hover:after{opacity:.08}.md3-state-layer:active:after{opacity:.12}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--focus-ring:0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 22%, transparent)}.page{gap:var(--space-5);animation:page-in var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);flex-direction:column;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.page{animation:none}}.page-header{flex-direction:column;gap:2px;display:flex}.page-header h1{letter-spacing:var(--track-display);text-transform:uppercase;color:var(--md-sys-color-on-surface);font-size:24px;font-weight:700;line-height:1.2}.page-header .subtitle,.subtitle{color:var(--md-sys-color-on-surface-variant);letter-spacing:.1px;font-size:13px}.page-header-row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);padding:var(--space-5);box-shadow:var(--md-sys-elevation-1)}.card--flush{padding:0;overflow:hidden}.card--low{background:var(--md-sys-color-surface-container-low)}.section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-header>label,.section-label{text-transform:uppercase;letter-spacing:var(--track-eyebrow);color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:600}.btn{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;height:40px;color:var(--md-sys-color-on-surface);transition:background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.btn:hover{border-color:var(--md-sys-color-border-strong,var(--md-sys-color-outline))}.btn:hover:after{opacity:.08}.btn:active:after{opacity:.14}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled,.btn[disabled]{opacity:.38;cursor:not-allowed}.btn:disabled:after,.btn[disabled]:after{opacity:0!important}.btn--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}.btn--tonal{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline-variant)}.btn--success{color:var(--md-sys-color-success);border-color:color-mix(in srgb, var(--md-sys-color-success) 48%, transparent);background:0 0}.btn--warning{color:var(--md-sys-color-warning);border-color:var(--md-sys-color-warning-border);background:0 0}.btn--danger{color:var(--md-sys-color-error);border-color:color-mix(in srgb, var(--md-sys-color-error) 48%, transparent);background:0 0}.btn--outline{color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline-variant);background:0 0}.btn--outline.btn--danger{color:var(--md-sys-color-error);border-color:color-mix(in srgb, var(--md-sys-color-error) 48%, transparent)}.btn--ghost{color:var(--md-sys-color-on-surface-variant);background:0 0;border-color:#0000}.btn--sm{height:32px;padding:0 16px;font-size:11.5px}.btn--xs{letter-spacing:1px;height:26px;padding:0 12px;font-size:10.5px}.btn--icon{width:40px;padding:0}.btn--icon.btn--sm{width:32px}.btn--icon.btn--xs{width:26px}.btn--block{width:100%}.btn .nav-icon,.btn .material-symbols-outlined{font-size:18px}.status-dot{background:var(--md-sys-color-outline);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--on{background:var(--md-sys-color-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--md-sys-color-success) 22%, transparent)}.status-dot--off{background:var(--md-sys-color-error);box-shadow:0 0 0 3px color-mix(in srgb, var(--md-sys-color-error) 22%, transparent)}.status-dot--idle{background:var(--md-sys-color-warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--md-sys-color-warning) 22%, transparent)}.badge{border-radius:var(--md-sys-shape-corner-full);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;background:var(--md-sys-color-surface-container-highest);height:24px;color:var(--md-sys-color-on-surface-variant);align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.badge--success{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.badge--error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.badge--warning{background:var(--md-sys-color-warning-container);color:var(--md-sys-color-on-warning-container)}.badge--info{background:var(--md-sys-color-info-container);color:var(--md-sys-color-on-info-container)}.badge--primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.status-msg{margin-top:var(--space-3);border-radius:var(--md-sys-shape-corner-sm);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant);padding:10px 12px;font-size:13px;line-height:1.45}.status-msg.success,.status-msg--success{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.status-msg.error,.status-msg--error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.status-msg.info,.status-msg--info{background:var(--md-sys-color-info-container);color:var(--md-sys-color-on-info-container)}.status-msg.warning,.status-msg--warning{background:var(--md-sys-color-warning-container);color:var(--md-sys-color-on-warning-container)}.input,.field input:not([type=checkbox]):not([type=radio]):not([type=range]),.field select,.field textarea{background:var(--md-sys-color-surface-container-low);width:100%;height:40px;color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-sm);transition:border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);padding:0 12px;font-family:inherit;font-size:14px}.field textarea,textarea.input{resize:vertical;height:auto;padding:10px 12px;line-height:1.5}.input:hover,.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--md-sys-color-outline)}.input:focus,.input:focus-visible,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--md-sys-color-primary);box-shadow:var(--focus-ring);outline:none}.input::placeholder,.field textarea::placeholder,.field input::placeholder{color:var(--md-sys-color-outline)}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--md-sys-color-on-surface-variant);letter-spacing:.2px;font-size:12px;font-weight:500}.field-hint{color:var(--md-sys-color-outline);font-size:12px}.table{border-collapse:collapse;width:100%;font-size:13px}.table thead th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--md-sys-color-on-surface-variant);border-bottom:1px solid var(--md-sys-color-outline-variant);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.table tbody td{border-bottom:1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 55%, transparent);color:var(--md-sys-color-on-surface);padding:11px 14px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.table tbody tr:hover td{background:var(--md-sys-color-surface-container-high)}.table .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.logs-output,.log-block{background:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-sm);font-family:var(--font-mono);color:var(--md-sys-color-on-surface-variant);white-space:pre-wrap;word-break:break-word;max-height:420px;padding:14px 16px;font-size:12.5px;line-height:1.6;overflow:auto}.modal-scrim{background:var(--md-sys-color-scrim);z-index:var(--z-modal);padding:var(--space-5);animation:fade-in var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);box-shadow:var(--md-sys-elevation-3);width:100%;max-width:560px;max-height:88vh;padding:var(--space-5);animation:modal-in var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);overflow:auto}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.modal-title{letter-spacing:var(--track-display);text-transform:uppercase;color:var(--md-sys-color-on-surface);font-size:18px;font-weight:700}.modal-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-5);display:flex}.modal--lg{max-width:860px}.modal--sm{max-width:420px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal,.modal-scrim{animation:none}}.toast-host{bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;max-width:min(380px,100vw - 32px);display:flex;position:fixed}.toast{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-md);border-left:3px solid var(--md-sys-color-outline);box-shadow:var(--md-sys-elevation-3);animation:toast-in var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.toast--success{border-left-color:var(--md-sys-color-success)}.toast--error{border-left-color:var(--md-sys-color-error)}.toast--warning{border-left-color:var(--md-sys-color-warning)}.toast--info{border-left-color:var(--md-sys-color-info)}.toast-icon{flex-shrink:0;font-size:18px;line-height:1.2}.toast--success .toast-icon{color:var(--md-sys-color-success)}.toast--error .toast-icon{color:var(--md-sys-color-error)}.toast--warning .toast-icon{color:var(--md-sys-color-warning)}.toast--info .toast-icon{color:var(--md-sys-color-info)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.empty-state{align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-7) var(--space-5);color:var(--md-sys-color-on-surface-variant);flex-direction:column;display:flex}.empty-state .empty-icon{color:var(--md-sys-color-outline);font-size:40px}.empty-state .empty-title{color:var(--md-sys-color-on-surface);font-size:15px;font-weight:600}.spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.spinner,.skeleton{animation-duration:0s}}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);display:flex}.row-wrap,.actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.spacer{flex:1}.muted{color:var(--md-sys-color-on-surface-variant)}.mono{font-family:var(--font-mono)}.text-success{color:var(--md-sys-color-success)}.text-error{color:var(--md-sys-color-error)}.text-warning{color:var(--md-sys-color-warning)}.metric-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.metric{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-md);padding:var(--space-4);flex-direction:column;gap:4px;display:flex}.metric-label{text-transform:uppercase;letter-spacing:var(--track-eyebrow);color:var(--md-sys-color-on-surface-variant);font-size:11px}.metric-value{font-family:var(--font-mono);color:var(--md-sys-color-on-surface);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.data-table th.num-col{text-align:right}.data-table th.center-col{text-align:center}@keyframes ui-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stagger-in>*{animation:ui-rise .36s var(--md-sys-motion-easing-standard) both}.stagger-in>:first-child{animation-delay:20ms}.stagger-in>:nth-child(2){animation-delay:45ms}.stagger-in>:nth-child(3){animation-delay:70ms}.stagger-in>:nth-child(4){animation-delay:95ms}.stagger-in>:nth-child(5){animation-delay:.12s}.stagger-in>:nth-child(6){animation-delay:.145s}.stagger-in>:nth-child(7){animation-delay:.17s}.stagger-in>:nth-child(8){animation-delay:.195s}.stagger-in>:nth-child(n+9){animation-delay:.22s}.skeleton{background:linear-gradient(100deg, var(--md-sys-color-surface-container) 30%, var(--md-sys-color-surface-container-high) 50%, var(--md-sys-color-surface-container) 70%);border-radius:var(--md-sys-shape-corner-md);background-size:200% 100%;animation:1.2s ease-in-out infinite ui-shimmer}@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes glow-spin{to{--glow-angle:360deg}}.glow-border{isolation:isolate;position:relative}.glow-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--glow-angle), transparent 55%, color-mix(in srgb, var(--md-sys-color-on-surface) 45%, transparent) 75%, color-mix(in srgb, var(--md-sys-color-info,#8ab4d8) 60%, transparent) 85%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:.6;padding:1px;animation:7s linear infinite glow-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}