:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background:var(--bg-canvas);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Roboto Mono", Consolas, "Liberation Mono", monospace;--theme-base-h:220;--theme-base-s:18%;--theme-base-l:98%;--theme-accent-h:233;--theme-accent-s:72%;--theme-accent-l:62%;--theme-contrast:34%;--bg-canvas:hsl(var(--theme-base-h) var(--theme-base-s) var(--theme-base-l));--bg-shell:hsl(var(--theme-base-h) 22% calc(var(--theme-base-l) - 1%));--bg-surface:hsl(var(--theme-base-h) 20% 100%);--bg-surface-subtle:hsl(var(--theme-base-h) 18% calc(var(--theme-base-l) - 4%));--bg-surface-hover:hsl(var(--theme-base-h) 18% calc(var(--theme-base-l) - 2%));--bg-inset:hsl(var(--theme-base-h) 16% calc(var(--theme-base-l) - 7%));--bg-elevated:hsl(var(--theme-base-h) 24% 100%);--text-primary:hsl(var(--theme-base-h) 18% calc(50% - var(--theme-contrast)));--text-secondary:hsl(var(--theme-base-h) 11% calc(78% - var(--theme-contrast)));--text-tertiary:hsl(var(--theme-base-h) 9% calc(91% - var(--theme-contrast)));--text-inverse:#fff;--border-subtle:hsl(var(--theme-base-h) 18% calc(var(--theme-base-l) - 6%));--border-default:hsl(var(--theme-base-h) 17% calc(var(--theme-base-l) - 12%));--border-strong:hsl(var(--theme-base-h) 16% calc(var(--theme-base-l) - 19%));--accent:hsl(var(--theme-accent-h) var(--theme-accent-s) var(--theme-accent-l));--accent-hover:hsl(var(--theme-accent-h) var(--theme-accent-s) calc(var(--theme-accent-l) - 8%));--accent-soft:hsl(var(--theme-accent-h) 92% 96%);--accent-text:hsl(var(--theme-accent-h) 58% 42%);--success:#218c5c;--success-soft:#e6f9f0;--warning:#af6e18;--warning-soft:#fff3e0;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 8px 24px #0f172a0f;--shadow-md:0 18px 48px #0f172a14;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.14s;font-size:16px;line-height:1.5}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-canvas);--theme-base-h:228;--theme-base-s:14%;--theme-base-l:7%;--theme-accent-h:232;--theme-accent-s:100%;--theme-accent-l:75%;--theme-contrast:58%;--bg-canvas:hsl(var(--theme-base-h) var(--theme-base-s) var(--theme-base-l));--bg-shell:hsl(var(--theme-base-h) 14% calc(var(--theme-base-l) + 2%));--bg-surface:hsl(var(--theme-base-h) 13% calc(var(--theme-base-l) + 4%));--bg-surface-subtle:hsl(var(--theme-base-h) 14% calc(var(--theme-base-l) + 8%));--bg-surface-hover:hsl(var(--theme-base-h) 14% calc(var(--theme-base-l) + 11%));--bg-inset:hsl(var(--theme-base-h) 14% calc(var(--theme-base-l) - 2%));--bg-elevated:hsl(var(--theme-base-h) 13% calc(var(--theme-base-l) + 6%));--text-primary:hsl(var(--theme-base-h) 18% calc(39% + var(--theme-contrast)));--text-secondary:hsl(var(--theme-base-h) 11% calc(24% + var(--theme-contrast)));--text-tertiary:hsl(var(--theme-base-h) 9% calc(4% + var(--theme-contrast)));--text-inverse:#fff;--border-subtle:hsl(var(--theme-base-h) 14% calc(var(--theme-base-l) + 11%));--border-default:hsl(var(--theme-base-h) 14% calc(var(--theme-base-l) + 17%));--border-strong:hsl(var(--theme-base-h) 13% calc(var(--theme-base-l) + 27%));--accent:hsl(var(--theme-accent-h) var(--theme-accent-s) var(--theme-accent-l));--accent-hover:hsl(var(--theme-accent-h) var(--theme-accent-s) calc(var(--theme-accent-l) + 6%));--accent-soft:hsl(var(--theme-accent-h) 44% 22%);--accent-text:hsl(var(--theme-accent-h) 100% 88%);--success:#74d3a3;--success-soft:#153525;--warning:#f1bb69;--warning-soft:#3a2a13;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 12px 30px #00000047;--shadow-md:0 24px 56px #00000057}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg-canvas);color:var(--text-primary);margin:0}button,input,label{font:inherit;letter-spacing:0}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-button{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);min-height:2rem;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;padding:.4375rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.2;display:inline-flex}.ui-button-primary{background:var(--accent);color:var(--text-inverse)}.ui-button-primary:hover{background:var(--accent-hover)}.ui-button-secondary{border-color:var(--border-default);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.ui-button-secondary:hover{border-color:var(--border-strong);background:var(--bg-surface-hover)}.ui-button-ghost{color:var(--text-secondary);background:0 0}.ui-button-ghost:hover{background:var(--bg-surface-subtle);color:var(--text-primary)}.ui-badge{border:1px solid var(--border-default);background:var(--bg-surface);min-width:0;color:var(--text-secondary);align-items:center;gap:var(--space-2);border-radius:999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-flex}.ui-badge-accent{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.ui-badge-success{background:var(--success-soft);color:var(--success);border-color:#0000}.ui-badge-warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.ui-surface{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);min-width:0;box-shadow:var(--shadow-xs)}.ui-surface-padded{padding:var(--space-5)}.ui-status-dot{background:var(--text-tertiary);border-radius:999px;flex:none;width:.5rem;height:.5rem}.ui-status-dot-success{background:var(--success)}.ui-status-dot-warning{background:var(--warning)}.ui-stat{gap:var(--space-3);padding:var(--space-5);display:grid}.ui-stat-label{color:var(--text-tertiary);margin:0;font-size:.75rem;font-weight:500;line-height:1.25}.ui-stat-value{color:var(--text-primary);letter-spacing:0;margin:0;font-size:1.375rem;font-weight:650;line-height:1.1}.ui-stat-note{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.ui-code{overflow-wrap:anywhere;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-inset);max-width:100%;color:var(--text-secondary);font-family:var(--font-mono);padding:.3125rem .5rem;font-size:.75rem;line-height:1.45;display:inline-block}.ui-muted{color:var(--text-tertiary)}.ui-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:0;display:flex}.ui-section-title{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:650;line-height:1.3}.ui-section-description{max-width:34rem;margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:.8125rem;line-height:1.45}.ui-field{gap:var(--space-2);display:grid}.ui-field-label{color:var(--text-primary);font-size:.8125rem;font-weight:550;line-height:1.3}.ui-input{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;min-height:2.5rem;color:var(--text-primary);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:.625rem .75rem;font-size:.875rem;line-height:1.3}.ui-input::placeholder{color:var(--text-tertiary)}.ui-input:hover{border-color:var(--border-strong)}.ui-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ui-check-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.ui-checkbox-label{align-items:center;gap:var(--space-2);min-width:0;color:var(--text-secondary);font-size:.8125rem;line-height:1.35;display:flex}.ui-checkbox{width:.875rem;height:.875rem;accent-color:var(--accent);flex:none}.ui-text-link{cursor:pointer;color:var(--accent-text);background:0 0;border:0;padding:0;font-size:.8125rem;font-weight:550;line-height:1.35}.ui-text-link:hover{color:var(--accent-hover)}.app-shell{background:var(--bg-canvas);grid-template-columns:15.5rem minmax(0,1fr);min-height:100vh;display:grid}.shell-sidebar{border-right:1px solid var(--border-default);background:var(--bg-shell);min-width:0;height:100vh;padding:var(--space-4);flex-direction:column;display:flex;position:sticky;top:0}.shell-brand{align-items:center;gap:var(--space-3);min-height:2.5rem;display:flex}.shell-brand-mark{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);width:1.75rem;height:1.75rem;box-shadow:var(--shadow-xs);color:var(--text-primary);letter-spacing:0;text-transform:uppercase;flex:none;place-items:center;font-size:.6875rem;font-weight:700;line-height:1;display:inline-grid}.shell-brand-copy{gap:.0625rem;min-width:0;display:grid}.shell-brand-name{color:var(--text-primary);font-size:.875rem;font-weight:650;line-height:1.2}.shell-brand-meta{color:var(--text-tertiary);font-size:.75rem;line-height:1.2}.shell-nav{gap:var(--space-6);margin-top:var(--space-8);display:grid}.shell-nav-section,.shell-nav-list{gap:var(--space-1);display:grid}.shell-nav-label{margin:0 0 var(--space-2);color:var(--text-tertiary);letter-spacing:0;text-transform:uppercase;font-size:.6875rem;font-weight:650;line-height:1.2}.shell-nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;padding:.5rem .625rem;text-decoration:none;display:flex}.shell-nav-item:hover{background:var(--bg-surface-subtle);color:var(--text-primary)}.shell-nav-item-active{border-color:var(--border-subtle);background:var(--bg-surface);box-shadow:var(--shadow-xs);color:var(--text-primary)}.shell-nav-main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.shell-nav-glyph{opacity:.5;border:1px solid;border-radius:999px;flex:none;width:.625rem;height:.625rem}.shell-nav-glyph-overview{background:color-mix(in srgb, var(--accent) 28%, transparent)}.shell-nav-glyph-sessions{border-radius:var(--radius-xs)}.shell-nav-glyph-traffic{border-radius:var(--radius-xs);height:.75rem}.shell-nav-glyph-login{border-color:var(--success);background:color-mix(in srgb, var(--success) 22%, transparent)}.shell-nav-glyph-settings{border-radius:2px;transform:rotate(45deg)}.shell-nav-text{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;line-height:1.2;overflow:hidden}.shell-sidebar-footer{gap:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-4);margin-top:auto;display:grid}.shell-sidebar-footer p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.shell-main{min-width:0}.shell-topbar{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-canvas) 88%, transparent);min-height:3.75rem;padding:0 var(--space-6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;position:sticky;top:0}.shell-breadcrumb{min-width:0;color:var(--text-tertiary);align-items:center;gap:var(--space-2);font-size:.8125rem;line-height:1.2;display:flex}.shell-breadcrumb strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.shell-topbar-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;display:flex}.shell-current-url{text-overflow:ellipsis;white-space:nowrap;max-width:20rem;overflow:hidden}.shell-content{gap:var(--space-8);width:min(76rem,100%);padding:var(--space-8) var(--space-6) var(--space-12);margin-inline:auto;display:grid}.shell-page-header{gap:var(--space-3);display:grid}.shell-page-kicker{color:var(--text-tertiary);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:650;line-height:1.2}.shell-page-title{max-width:48rem;color:var(--text-primary);letter-spacing:0;margin:0;font-size:4rem;font-weight:720;line-height:.98}.shell-page-copy{max-width:40rem;color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.shell-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 20rem;align-items:start;display:grid}.shell-primary{gap:var(--space-5);min-width:0;display:grid}.shell-metrics{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.shell-table{margin-top:var(--space-5);border-top:1px solid var(--border-default);display:grid}.shell-table-row{gap:var(--space-4);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) 0;grid-template-columns:8rem minmax(0,1fr) auto;align-items:center;display:grid}.shell-table-row:last-child{border-bottom:0;padding-bottom:0}.shell-table-title{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600;line-height:1.3}.shell-table-copy{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.shell-side{gap:var(--space-4);min-width:0;display:grid}.shell-token-list{gap:var(--space-3);margin-top:var(--space-5);display:grid}.shell-token-row{gap:var(--space-3);grid-template-columns:2rem minmax(0,1fr);align-items:center;display:grid}.shell-token-swatch{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:2rem;height:2rem}.shell-token-swatch-canvas{background:var(--bg-canvas)}.shell-token-swatch-surface{background:var(--bg-surface)}.shell-token-swatch-accent{background:var(--accent)}.shell-token-name{color:var(--text-primary);margin:0;font-size:.8125rem;font-weight:600;line-height:1.3}.shell-token-value{color:var(--text-tertiary);font-family:var(--font-mono);margin:.125rem 0 0;font-size:.6875rem;line-height:1.3}@media (max-width:62rem){.app-shell{grid-template-columns:minmax(0,1fr)}.shell-sidebar{border-right:0;border-bottom:1px solid var(--border-default);height:auto;position:static}.shell-nav{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shell-nav-label,.shell-sidebar-footer{display:none}.shell-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-nav-item{width:100%}.shell-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:44rem){.shell-nav{grid-template-columns:minmax(0,1fr);padding-bottom:0;display:grid;overflow:visible}.shell-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-nav-item{width:100%}.shell-topbar{padding:var(--space-4);flex-direction:column;align-items:flex-start}.shell-topbar-actions{justify-content:space-between;width:100%}.shell-current-url{max-width:min(16rem,100%)}.shell-content{gap:var(--space-6);padding:var(--space-6) var(--space-4) var(--space-10)}.shell-metrics{grid-template-columns:minmax(0,1fr)}.shell-table-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.shell-page-title{font-size:2.5rem}}.auth-page{gap:var(--space-8);width:min(74rem,100%);min-height:calc(100vh - 3.75rem);padding:var(--space-10) var(--space-6) var(--space-12);grid-template-columns:minmax(0,1fr) 25rem;align-items:center;margin-inline:auto;display:grid}.auth-hero{gap:var(--space-5);min-width:0;display:grid}.auth-title{max-width:42rem;color:var(--text-primary);letter-spacing:0;margin:0;font-size:3.75rem;font-weight:720;line-height:.98}.auth-copy{max-width:35rem;color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.auth-highlight-list{gap:var(--space-3);margin-top:var(--space-3);display:grid}.auth-highlight{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:.875rem;line-height:1.4;display:flex}.auth-card{gap:var(--space-6);background:var(--bg-elevated);box-shadow:var(--shadow-md);display:grid}.auth-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.auth-card-header h2{margin:var(--space-1) 0 0;color:var(--text-primary);letter-spacing:0;font-size:1.375rem;font-weight:680;line-height:1.15}.auth-kicker{color:var(--text-tertiary);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:650;line-height:1.2}.auth-form{gap:var(--space-4);display:grid}.auth-submit{width:100%;min-height:2.5rem}.auth-footer{gap:var(--space-2);border-top:1px solid var(--border-subtle);padding-top:var(--space-5);display:grid}.auth-footer span{color:var(--text-tertiary);font-size:.75rem;font-weight:550;line-height:1.3}@media (max-width:62rem){.auth-page{grid-template-columns:minmax(0,1fr);align-items:start;min-height:auto}.auth-card{width:min(28rem,100%)}}@media (max-width:44rem){.auth-page{gap:var(--space-6);padding:var(--space-6) var(--space-4) var(--space-10)}.auth-title{font-size:2.5rem}.auth-card{width:100%}}