@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root,[data-theme=dark]{--color-bg-primary:#0b0c0d;--color-bg-secondary:#121315;--color-bg-tertiary:#1a1c1f;--color-bg-inverse:#f5f6f7;--color-text-primary:#f5f6f7;--color-text-secondary:#9ba1a9;--color-text-tertiary:#6e747d;--color-text-inverse:#0b0c0d;--color-text-link:var(--color-accent-primary);--color-border-primary:#2a2d32;--color-border-secondary:#1c1e21;--color-border-strong:#454a52;--color-border-focus:var(--color-accent-primary);--color-accent-primary:#00c2a8;--color-accent-primary-hover:#2bd9c4;--color-accent-primary-active:#00a28c;--color-accent-secondary:var(--color-bg-tertiary);--color-accent-alpha-08:#00c2a814;--color-accent-alpha-16:#00c2a829;--color-accent-alpha-32:#00c2a852;--color-status-success:#34d399;--color-status-warning:#fbbf24;--color-status-error:#f87171;--color-status-info:var(--color-text-secondary);--color-status-success-fill:#34d3991a;--color-status-success-border:#34d39947;--color-status-warning-fill:#fbbf241a;--color-status-warning-border:#fbbf2447;--color-status-error-fill:#f871711a;--color-status-error-border:#f8717147;--color-surface-overlay:#050607c7;--space-0:0;--space-1:1px;--space-2:2px;--space-3:4px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:24px;--space-8:32px;--space-9:48px;--space-10:64px;--space-11:96px;--space-12:128px;--font-family-display:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.8125rem;--font-size-md:.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-normal:1.5;--line-height-relaxed:1.65;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.08em;--max-width-content:680px;--max-width-wide:1180px;--max-width-page:1520px;--border-radius-sm:2px;--border-radius-md:2px;--border-radius-lg:3px;--border-radius-full:999px;--shadow-sm:none;--shadow-md:0 8px 24px #0000008c;--shadow-lg:0 24px 56px #000000a6;--shadow-focus:0 0 0 2px var(--color-bg-primary), 0 0 0 3px var(--color-accent-primary);--duration-instant:40ms;--duration-fast:90ms;--duration-normal:.15s;--duration-slow:.24s;--duration-slower:.36s;--easing-default:cubic-bezier(.4, 0, .2, 1);--easing-in:cubic-bezier(.4, 0, 1, 1);--easing-out:cubic-bezier(0, 0, .2, 1);--easing-bounce:cubic-bezier(.34, 1.56, .64, 1);--breakpoint-sm:375px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f1f2f3;--color-bg-inverse:#0b0c0d;--color-text-primary:#101215;--color-text-secondary:#4a5058;--color-text-tertiary:#6e747d;--color-text-inverse:#fff;--color-text-link:#00776a;--color-border-primary:#dee0e3;--color-border-secondary:#ecedef;--color-border-strong:#b4b8be;--color-border-focus:var(--color-accent-primary);--color-accent-primary:#00776a;--color-accent-primary-hover:#005e54;--color-accent-primary-active:#004a42;--color-accent-secondary:var(--color-bg-tertiary);--color-accent-alpha-08:#00776a14;--color-accent-alpha-16:#00776a24;--color-accent-alpha-32:#00776a47;--color-status-success:#0e7a52;--color-status-warning:#a35c00;--color-status-error:#c02626;--color-status-info:var(--color-text-secondary);--color-status-success-fill:#0e7a5214;--color-status-success-border:#0e7a523d;--color-status-warning-fill:#a35c0014;--color-status-warning-border:#a35c003d;--color-status-error-fill:#c0262614;--color-status-error-border:#c026263d;--color-surface-overlay:#1012156b;--shadow-sm:none;--shadow-md:0 8px 24px #1012151a;--shadow-lg:0 24px 56px #10121524;--shadow-focus:0 0 0 2px var(--color-bg-primary), 0 0 0 3px var(--color-accent-primary)}:root{--bg-card:var(--color-bg-secondary);--bg-card-hover:var(--color-bg-tertiary);--border-light:var(--color-border-primary);--border-strong:var(--color-border-strong);--accent-orange:var(--color-status-warning);--color-success:var(--color-status-success);--color-warning:var(--color-status-warning);--color-error:var(--color-status-error);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-tertiary);--font-sans:var(--font-family-body);--font-mono:var(--font-family-mono);--transition-fast:var(--duration-fast) var(--easing-default);--transition-normal:var(--duration-normal) var(--easing-default);--transition-slow:var(--duration-slow) var(--easing-out);--radius-sm:var(--border-radius-sm);--radius-md:var(--border-radius-md);--radius-lg:var(--border-radius-lg);--shadow-card:none;--shadow-pop:var(--shadow-lg)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}body,input,button,select,textarea{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border:3px solid var(--color-bg-primary);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent}.glass,.glass-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);box-shadow:none;position:relative}.glass-card[role=button]:hover,.glass-card[data-interactive=true]:hover,button.glass-card:hover,a.glass-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-tertiary)}.glass-card>*{position:relative}.text-gradient{color:var(--color-text-primary);-webkit-text-fill-color:currentColor;text-shadow:none;background:0 0}.panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm)}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-secondary);display:flex}.panel-body{padding:var(--space-6)}.section-rule{align-items:center;gap:var(--space-5);margin:var(--space-4) 0 var(--space-2);display:flex}.section-rule:after{content:"";background:var(--color-border-secondary);flex:1;height:1px}.label-micro,.stat-label,.form-group label,.table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary)}.num,.metric-value,.stat-value,.mono{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.btn{justify-content:center;align-items:center;gap:var(--space-4);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-normal);padding:0 var(--space-6);border-radius:var(--border-radius-sm);cursor:pointer;min-height:34px;color:var(--color-text-primary);transition:background-color var(--duration-fast) var(--easing-default), border-color var(--duration-fast) var(--easing-default), color var(--duration-fast) var(--easing-default);border:1px solid #0000;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold)}.btn-primary:hover:not(:disabled){background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-accent-primary-active);border-color:var(--color-accent-primary-active)}.btn-secondary{border-color:var(--color-border-primary);color:var(--color-text-secondary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-danger{border-color:var(--color-status-error-border);color:var(--color-status-error);background:0 0}.btn-danger:hover:not(:disabled){background:var(--color-status-error-fill);border-color:var(--color-status-error)}.btn-sm{min-height:28px;padding:0 var(--space-5);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.field-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.collapsible-field{opacity:1;max-height:120px;transition:max-height var(--duration-slow) var(--easing-out), opacity var(--duration-normal) var(--easing-default);overflow:hidden}.collapsible-field.is-hidden{opacity:0;pointer-events:none;max-height:0}.input-field{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);padding:var(--space-4) var(--space-5);border-radius:var(--border-radius-sm);min-height:34px;font-family:var(--font-family-body);font-size:var(--font-size-md);transition:border-color var(--duration-fast) var(--easing-default)}.input-field[type=password],.input-field[type=number],.input-field[data-mono=true],textarea.input-field{font-family:var(--font-family-mono)}.input-field:focus{border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus);outline:none}.input-field[data-invalid=true]{border-color:var(--color-status-error)}.input-field[data-invalid=true]:focus{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 3px var(--color-status-error)}.input-field::placeholder{color:var(--color-text-tertiary)}.switch{flex:none;width:38px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;pointer-events:none;appearance:none;width:0;height:0;margin:0;padding:0;position:absolute}.slider{cursor:pointer;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);transition:background-color var(--duration-fast) var(--easing-default), border-color var(--duration-fast) var(--easing-default);border-radius:var(--border-radius-sm);position:absolute;inset:0}.slider:before{content:"";background-color:var(--color-text-tertiary);width:14px;height:14px;transition:transform var(--duration-fast) var(--easing-default), background-color var(--duration-fast) var(--easing-default);border-radius:1px;position:absolute;top:2px;left:2px}input:checked+.slider{background-color:var(--color-accent-alpha-16);border-color:var(--color-accent-primary)}input:checked+.slider:before{background-color:var(--color-accent-primary);transform:translate(18px)}.switch input:focus-visible+.slider{box-shadow:var(--shadow-focus)}.table{border-collapse:collapse;width:100%;margin-top:var(--space-5)}.table th{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--color-border-primary);white-space:nowrap}.table td{padding:var(--space-5);font-size:var(--font-size-base);border-bottom:1px solid var(--color-border-secondary);background:0 0}.table td[data-num=true],.table th[data-num=true]{font-family:var(--font-family-mono);text-align:right}.table tbody tr:hover td{background:var(--color-bg-tertiary)}.status-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.status-dot-active{background-color:var(--color-status-success);animation:2.4s ease-in-out infinite status-breathe}.status-dot-inactive{background-color:var(--color-status-error)}.tag{align-items:center;gap:var(--space-3);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em;padding:2px var(--space-4);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);background:var(--color-bg-tertiary);white-space:nowrap;display:inline-flex}.tag-success{color:var(--color-status-success);border-color:var(--color-status-success-border);background:var(--color-status-success-fill)}.tag-warning{color:var(--color-status-warning);border-color:var(--color-status-warning-border);background:var(--color-status-warning-fill)}.tag-error{color:var(--color-status-error);border-color:var(--color-status-error-border);background:var(--color-status-error-fill)}.tag-accent{color:var(--color-accent-primary);border-color:var(--color-accent-alpha-32);background:var(--color-accent-alpha-08)}.callout{gap:var(--space-5);padding:var(--space-5) var(--space-6);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:var(--color-bg-secondary);border-left-width:2px;display:flex}.callout-error{border-color:var(--color-status-error-border);border-left-color:var(--color-status-error);background:var(--color-status-error-fill);color:var(--color-text-primary)}.callout-warning{border-color:var(--color-status-warning-border);border-left-color:var(--color-status-warning);background:var(--color-status-warning-fill);color:var(--color-text-primary)}.callout-success{border-color:var(--color-status-success-border);border-left-color:var(--color-status-success);background:var(--color-status-success-fill);color:var(--color-text-primary)}.modal-overlay{animation:fade-in var(--duration-fast) var(--easing-default) both;background:var(--color-surface-overlay)}.modal-content{animation:panel-in var(--duration-normal) var(--easing-out) both}.toast-container{bottom:var(--space-7);right:var(--space-7);gap:var(--space-4);z-index:9999;flex-direction:column-reverse;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-md);color:var(--color-text-primary);font-size:var(--font-size-base);min-width:280px;max-width:min(400px,100vw - 32px);animation:toast-in var(--duration-normal) var(--easing-out) both;border-left-width:2px;display:flex}.toast-success{border-left-color:var(--color-status-success)}.toast-error{border-left-color:var(--color-status-error)}.toast-info{border-left-color:var(--color-text-tertiary)}.toast-icon{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;color:var(--color-text-tertiary);flex:none}.toast-success .toast-icon{color:var(--color-status-success)}.toast-error .toast-icon{color:var(--color-status-error)}.toast-message{line-height:var(--line-height-normal)}.toast-close{color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-3);transition:color var(--duration-fast) var(--easing-default);background:0 0;border:0;margin-left:auto;font-size:16px;line-height:1}.toast-close:hover{color:var(--color-text-primary)}.animate-fade-in{animation:panel-in var(--duration-normal) var(--easing-out) both}.flex-center{justify-content:center;align-items:center;display:flex}.animate-slide-in{animation:toast-in var(--duration-normal) var(--easing-out) both}@keyframes panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes status-breathe{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.landing-page{width:100%;height:100vh;min-height:100vh;color:var(--color-text-primary);background:var(--color-bg-primary);position:relative;overflow:hidden auto}.landing-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(to right, var(--color-border-secondary) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border-secondary) 1px, transparent 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 70%);mask-image:linear-gradient(#000 0%,#0000 70%)}.landing-header,.landing-hero,.landing-grid,.landing-section{z-index:1;position:relative}.landing-header{width:min(1180px,100% - 40px);padding:var(--space-7) 0;border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-logo{font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-text-primary);-webkit-text-fill-color:currentColor;background:0 0}.landing-nav{gap:var(--space-7);align-items:center;display:flex}.landing-nav a{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:color var(--duration-fast) var(--easing-default);text-decoration:none}.landing-nav a:hover{color:var(--color-text-primary)}.landing-login,.landing-primary,.landing-secondary{border-radius:var(--border-radius-sm);padding:0 var(--space-6);min-height:36px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:background-color var(--duration-fast) var(--easing-default), border-color var(--duration-fast) var(--easing-default), color var(--duration-fast) var(--easing-default);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.landing-login,.landing-primary{background:var(--color-accent-primary);color:var(--color-text-inverse)!important}.landing-login:hover,.landing-primary:hover{background:var(--color-accent-primary-hover)}.landing-secondary{color:var(--color-text-secondary);border-color:var(--color-border-primary);background:0 0}.landing-secondary:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.landing-hero{width:min(1180px,100% - 40px);margin:var(--space-11) auto 0;gap:var(--space-10);grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);align-items:center;display:grid}.landing-badge{border:1px solid var(--color-border-primary);width:fit-content;color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);padding:var(--space-3) var(--space-5);font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-7)}.landing-hero h1{letter-spacing:-.035em;font-size:clamp(38px,5.2vw,62px);line-height:1.02;font-weight:var(--font-weight-bold);text-wrap:balance;margin:0}.landing-hero p{max-width:60ch;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:var(--space-7) 0 0;text-wrap:pretty}.landing-actions{gap:var(--space-5);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.landing-card{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);min-height:330px;padding:0;overflow:hidden}.landing-card-top{gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-secondary);background:var(--color-bg-primary);margin-bottom:0;display:flex}.landing-card-top span{background:var(--color-border-strong);border-radius:1px;width:8px;height:8px}.landing-terminal-line{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-secondary)}.landing-terminal-line.green{color:var(--color-status-success)}.landing-terminal-line.cyan{color:var(--color-accent-primary)}.landing-grid,.landing-section{width:min(1180px,100% - 40px);margin:var(--space-10) auto 0}.landing-grid{background:var(--color-border-secondary);border:1px solid var(--color-border-secondary);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.landing-feature{padding:var(--space-7);background:var(--color-bg-primary);transition:background-color var(--duration-fast) var(--easing-default);border:0;border-radius:0}.landing-feature:hover{background:var(--color-bg-secondary)}.landing-feature-icon{border-radius:var(--border-radius-sm);border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-text-secondary);margin-bottom:var(--space-6);transition:color var(--duration-fast) var(--easing-default), border-color var(--duration-fast) var(--easing-default);justify-content:center;align-items:center;display:flex}.landing-feature:hover .landing-feature-icon{color:var(--color-accent-primary);border-color:var(--color-accent-alpha-32)}.landing-section{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);padding:var(--space-8);background:var(--color-bg-secondary)}.landing-feature h3,.landing-section h2{margin:0 0 var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.landing-feature h3{font-size:var(--font-size-lg)}.landing-feature p,.landing-section p,.landing-steps{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.landing-steps{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.landing-steps div{border-radius:var(--border-radius-sm);border:1px solid var(--color-border-primary);padding:var(--space-6);background:var(--color-bg-primary)}.landing-pricing{margin-bottom:var(--space-11)}.landing-pricing p{margin:0 0 var(--space-6)}@media (width<=768px){.landing-hero,.landing-grid,.landing-steps{grid-template-columns:1fr}.landing-nav a:not(.landing-login){display:none}}.app-container{background:var(--color-bg-primary);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar,.content-area{position:relative}.sidebar{width:232px;padding:var(--space-6) var(--space-5);background:var(--color-bg-primary);border-right:1px solid var(--color-border-primary);flex:none}.sidebar-brand{align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-4) var(--space-6);display:flex}.sidebar-mark{border-radius:var(--border-radius-sm);background:var(--color-accent-primary);width:26px;height:26px;color:var(--color-text-inverse);font-family:var(--font-family-mono);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.02em;flex:none;justify-content:center;align-items:center;display:inline-flex}.sidebar-wordmark{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:.01em;color:var(--color-text-primary)}.sidebar-status{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);display:flex;overflow:hidden}.sidebar-status-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-section-label{padding:var(--space-6) var(--space-4) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary)}.sidebar-nav-item{align-items:center;gap:var(--space-5);width:100%;min-height:32px;padding:0 var(--space-5);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default), color var(--duration-fast) var(--easing-default);background:0 0;border:0;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-nav-item:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sidebar-nav-item:before{content:"";background:var(--color-accent-primary);opacity:0;width:2px;transition:opacity var(--duration-fast) var(--easing-default);border-radius:0;position:absolute;top:6px;bottom:6px;left:0}.sidebar-nav-item-active{background:var(--color-accent-alpha-08);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.sidebar-nav-item-active:before{opacity:1}.sidebar-nav-item-active svg{color:var(--color-accent-primary)}.sidebar-switcher{align-items:center;gap:var(--space-5);width:100%;min-height:34px;padding:0 var(--space-5);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--easing-default), background-color var(--duration-fast) var(--easing-default);display:flex}.sidebar-switcher:hover{border-color:var(--color-border-strong);background:var(--color-bg-tertiary)}.sidebar-switcher:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sidebar-switcher-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-logout{width:100%;color:var(--color-text-tertiary);border-color:#0000;justify-content:flex-start}.sidebar-logout:hover{color:var(--color-status-error);border-color:var(--color-status-error-border);background:var(--color-status-error-fill)}@media (width<=1024px){.sidebar{width:56px;padding:var(--space-5) var(--space-4)}.sidebar .sidebar-label,.sidebar .sidebar-section-label,.sidebar .sidebar-wordmark,.sidebar .sidebar-status-text,.sidebar .sidebar-switcher-name{display:none}.sidebar-nav-item,.sidebar-switcher,.sidebar-status{justify-content:center;padding:0}.sidebar-brand{padding:var(--space-3) 0 var(--space-6);justify-content:center}}.content-area{padding:var(--space-8) var(--space-8) var(--space-9);gap:var(--space-7);scrollbar-gutter:stable;flex-direction:column;flex:1;display:flex;overflow-y:auto}.page-transition{animation:page-enter var(--duration-normal) var(--easing-out) both}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-primary);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;line-height:var(--line-height-tight)}.page-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--space-3)}.metric-strip{background:var(--color-border-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;display:grid;overflow:hidden}.metric{gap:var(--space-4);padding:var(--space-6) var(--space-7);background:var(--color-bg-secondary);flex-direction:column;min-width:0;display:flex}.metric-label{align-items:center;gap:var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary);display:flex}.metric-label svg{flex:none;width:13px;height:13px}.metric-value{font-family:var(--font-family-mono);font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary);overflow-wrap:anywhere;min-width:0}.metric-value-sm{font-size:var(--font-size-xl)}.metric-sub{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.metric-danger .metric-value{color:var(--color-status-error)}.stat-card{gap:var(--space-4);padding:var(--space-6) var(--space-7);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);flex-direction:column;min-width:0;display:flex}.stat-icon{border-radius:var(--border-radius-sm);width:24px;height:24px;color:var(--color-text-tertiary);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:flex}.stat-value{color:var(--color-text-primary);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);font-size:var(--font-size-2xl);letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0}.stat-sub{color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.run-bar{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-6);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);flex-wrap:wrap;display:flex}.run-bar-running{border-color:var(--color-status-success-border)}.run-bar-starting{border-color:var(--color-status-warning-border)}.run-bar-stopped{border-color:var(--color-status-error-border)}.run-state{align-items:center;gap:var(--space-5);min-width:0;display:flex}.run-state-token{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em}.run-state-desc{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.bars{align-items:end;gap:var(--space-5);flex:1;min-height:140px;display:grid}.bar-col{align-items:center;gap:var(--space-4);flex-direction:column;justify-content:flex-end;min-width:0;height:100%;display:flex}.bar-count{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bar{background:var(--color-border-strong);width:100%;max-width:28px;transition:background-color var(--duration-fast) var(--easing-default);border-radius:0}.bar-empty{background:var(--color-border-secondary)}.bar-current{background:var(--color-accent-primary)}.bar-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.order-row{gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-secondary);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.order-row:last-child{border-bottom:0}.order-id{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.order-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-price{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:right}.order-date{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:right}.empty-state{color:var(--color-text-tertiary);font-size:var(--font-size-base);padding:var(--space-9) 0;text-align:center}.auth-container{background:var(--color-bg-primary);width:100vw;height:100vh;padding:var(--space-7);justify-content:center;align-items:center;display:flex}@media (width<=1024px){.content-area{padding:var(--space-6);gap:var(--space-6)}}