:root{--brand-navy: #07012a;--brand-navy-2: #120a46;--brand-navy-3: #1d1466;--brand-yellow: #f5de2f;--brand-amber: #f5a524;--brand-blue: #0c3b6a;--brand-gray: #a2aaad;--bg-base: #f4f5f9;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fafbfd;--bg-glass: #ffffffd9;--bg-sunken: #eef0f6;--text-primary: #0d0b24;--text-secondary: #4a4d63;--text-muted: #7b7f95;--text-on-brand: #07012a;--accent: #07012a;--accent-contrast: #f5de2f;--accent-text: #a07c00;--accent-soft: #f5de2f2e;--accent-border: #d9bd0066;--accent-glow: #f5de2f40;--ok: #10a36b;--warn: #e08a00;--crit: #e5243b;--ok-soft: #10a36b18;--warn-soft: #f59e0b1f;--crit-soft: #e5243b17;--live: #e5243b;--border: #0d0b2414;--border-hover: #0d0b2429;--chart-grid: #0d0b241f;--chart-axis: #7b7f95;--gold: #c99a00;--silver: #7a828a;--bronze: #a05a18;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--sp-3xl: 64px;--r-sm: 6px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-full: 9999px;--shadow-card: 0 6px 20px #07012a0a, 0 2px 6px #07012a06;--shadow-pop: 0 18px 50px #07012a26, 0 4px 12px #07012a14;--shadow-glow: 0 0 28px var(--accent-glow);--skeleton-start: #e8eaf1;--skeleton-mid: #f6f7fb;--t-fast: .15s ease;--t-normal: .25s ease;--t-slow: .4s ease;--font-head: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:light}[data-theme=dark]{--bg-base: #07041c;--bg-surface: #0e0a2b;--bg-card: #120d35;--bg-card-hover: #19134a;--bg-glass: #0b0726d9;--bg-sunken: #0a0722;--text-primary: #f3f2fb;--text-secondary: #b9b6d3;--text-muted: #8682a8;--accent: #f5de2f;--accent-contrast: #07012a;--accent-text: #f5de2f;--accent-soft: #f5de2f1f;--accent-border: #f5de2f55;--accent-glow: #f5de2f2e;--border: #ffffff14;--border-hover: #ffffff2e;--chart-grid: #ffffff1c;--chart-axis: #8682a8;--gold: #f5de2f;--silver: #c0c5cc;--bronze: #e0a060;--shadow-card: 0 8px 24px #00000059, 0 2px 8px #00000033;--shadow-pop: 0 24px 60px #000000a0;--skeleton-start: #19134a;--skeleton-mid: #241c5e;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;background-image:radial-gradient(circle at 12% 8%,#f5de2f12 0%,transparent 38%),radial-gradient(circle at 88% 18%,#0c3b6a10 0%,transparent 40%),repeating-linear-gradient(45deg,transparent,transparent 2px,#07012a03 2px 4px);background-attachment:fixed}[data-theme=dark] body{background-image:radial-gradient(circle at 12% 8%,#f5de2f10 0%,transparent 38%),radial-gradient(circle at 88% 18%,#3b5bdb1a 0%,transparent 42%),repeating-linear-gradient(45deg,transparent,transparent 2px,#ffffff03 2px 4px)}a{color:inherit;text-decoration:none}img,svg{display:block}button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.2;letter-spacing:-.01em}code{font-family:var(--font-mono);background:var(--bg-sunken);border-radius:4px;padding:1px 6px;font-size:.85em}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.page-wrapper{max-width:1360px;margin:0 auto;padding:var(--sp-lg) var(--sp-xl) var(--sp-3xl)}.stack{display:flex;flex-direction:column;gap:var(--sp-md)}.row{display:flex;align-items:center;gap:var(--sp-sm);flex-wrap:wrap}.spacer{flex:1}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--sp-lg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:960px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-wrapper{padding:var(--sp-md) var(--sp-md) var(--sp-2xl)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes stride{0%{transform:translate(-100%)}to{transform:translate(100%)}}.page-enter{animation:fadeIn .35s ease forwards}.skeleton{background:linear-gradient(90deg,var(--skeleton-start) 25%,var(--skeleton-mid) 50%,var(--skeleton-start) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.navbar{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.navbar:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--brand-navy) 0 30%,var(--brand-yellow) 30% 70%,var(--brand-blue) 70%)}.navbar-inner{max-width:1360px;margin:0 auto;padding:0 var(--sp-xl);height:64px;display:flex;align-items:center;gap:var(--sp-lg)}.navbar-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.navbar-logo__mark{width:38px;height:38px;border-radius:11px;background:var(--brand-navy);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff14}.navbar-logo__mark img{width:28px;height:auto}.navbar-logo__text{display:flex;flex-direction:column;line-height:1}.navbar-logo__title{font-family:var(--font-head);font-weight:900;font-size:1.08rem;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,var(--text-primary) 30%,var(--brand-blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .navbar-logo__title{background:linear-gradient(135deg,#fff 20%,var(--brand-yellow) 100%);-webkit-background-clip:text;background-clip:text}.navbar-logo__sub{font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-top:4px}.navbar-links{display:flex;gap:var(--sp-xs);list-style:none;flex:1;overflow-x:auto;scrollbar-width:none}.navbar-link{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-md);border:1px solid transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;white-space:nowrap;transition:color var(--t-fast),background var(--t-fast)}.navbar-link:hover{color:var(--text-primary);background:var(--bg-sunken)}.navbar-link--active{color:var(--text-primary);background:var(--accent-soft);border-color:var(--accent-border);font-weight:600}.navbar-actions{display:flex;align-items:center;gap:var(--sp-sm);margin-left:auto}.icon-btn{width:36px;height:36px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);display:inline-grid;place-items:center;transition:all var(--t-fast)}.icon-btn:hover{color:var(--text-primary);border-color:var(--border-hover);transform:rotate(10deg)}.icon-btn--sm{width:30px;height:30px;border-radius:var(--r-sm)}.icon-btn--sm:hover{transform:none;background:var(--bg-sunken)}@media(max-width:860px){.navbar-inner{padding:0 var(--sp-md);gap:var(--sp-sm)}.navbar-logo__text,.navbar-link span{display:none}}.live-dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.live-dot--pulse{animation:pulse 1.6s infinite}.conn-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:var(--r-full);font-size:.75rem;font-weight:600;border:1px solid var(--border);background:var(--bg-card);white-space:nowrap}.conn-pill--live{color:var(--live);border-color:#e5243b40;background:var(--crit-soft)}.conn-pill--online{color:var(--ok)}.conn-pill--offline{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);padding:10px 18px;border-radius:var(--r-md);font-size:.875rem;font-weight:600;letter-spacing:.01em;transition:all var(--t-fast);white-space:nowrap;border:1px solid transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:disabled,.btn:disabled:hover{transform:none}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px var(--accent-glow)}.btn-yellow{background:var(--brand-yellow);color:var(--brand-navy);box-shadow:0 4px 18px #f5de2f55}.btn-yellow:hover{transform:translateY(-1px);box-shadow:0 8px 26px #f5de2f77}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-sunken)}.btn-danger{background:var(--crit-soft);color:var(--crit);border-color:#e5243b33}.btn-danger:hover{background:var(--crit);color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:var(--r-sm)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-full);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid;white-space:nowrap}.badge-yellow{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-border)}.badge-navy{color:#fff;background:var(--brand-navy);border-color:var(--brand-navy)}[data-theme=dark] .badge-navy{background:var(--brand-navy-3);border-color:#fff2}.badge-blue{color:#2563eb;background:#2563eb14;border-color:#2563eb30}.badge-green{color:var(--ok);background:var(--ok-soft);border-color:#10a36b33}.badge-red{color:var(--crit);background:var(--crit-soft);border-color:#e5243b33}.badge-orange{color:var(--warn);background:var(--warn-soft);border-color:#e08a0033}.badge-gray{color:var(--text-secondary);background:var(--bg-sunken);border-color:var(--border)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-lg);box-shadow:var(--shadow-card);transition:border-color var(--t-normal),box-shadow var(--t-normal),transform var(--t-normal)}.card--hover:hover{border-color:var(--border-hover);transform:translateY(-2px)}.card--flush{padding:0;overflow:hidden}.card-title{display:flex;align-items:center;gap:var(--sp-sm);font-family:var(--font-head);font-weight:700;font-size:1.02rem;margin-bottom:var(--sp-md)}.section-title{display:flex;align-items:center;gap:var(--sp-sm);font-family:var(--font-head);font-size:1.35rem;font-weight:700;margin:var(--sp-2xl) 0 var(--sp-lg)}.section-title:after{content:"";flex:1;height:1px;background:var(--border);margin-left:var(--sp-md)}.section-title svg{color:var(--accent-text)}.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}.page-header{padding:var(--sp-xl) 0 var(--sp-lg);display:flex;align-items:flex-end;gap:var(--sp-lg);flex-wrap:wrap}.page-header h1{font-size:clamp(1.7rem,3.5vw,2.3rem);font-weight:800}.page-header p{color:var(--text-secondary);margin-top:var(--sp-xs);max-width:640px}.page-header__actions{margin-left:auto;display:flex;gap:var(--sp-sm);flex-wrap:wrap}.table-wrap{overflow-x:auto}.ct-table{width:100%;border-collapse:collapse;font-size:.875rem}.ct-table thead th{text-align:left;padding:10px 14px;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.ct-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--t-fast)}.ct-table tbody tr:last-child{border-bottom:none}.ct-table tbody tr:hover{background:var(--bg-sunken)}.ct-table td{padding:11px 14px;vertical-align:middle}.ct-table .num{font-family:var(--font-mono);font-size:.82rem;text-align:right;white-space:nowrap}.ct-table th.num{text-align:right}.ct-table tr.is-best td{background:var(--accent-soft)}.field{display:flex;flex-direction:column;gap:6px}.field label,.field-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.input,.select,.textarea{width:100%;padding:10px 13px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}.input.input--error,.input.input--error:focus{border-color:var(--crit)}.field-error{color:var(--crit);font-size:.76rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-md)}.form-grid .full{grid-column:1 / -1}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;cursor:pointer}.checkbox input{accent-color:var(--brand-yellow);width:16px;height:16px}.segmented{display:inline-flex;padding:3px;border-radius:var(--r-md);background:var(--bg-sunken);border:1px solid var(--border);gap:2px}.segmented button{padding:5px 12px;border-radius:9px;font-size:.8rem;font-weight:600;color:var(--text-muted)}.segmented button.is-active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-card)}.tabs{display:flex;gap:var(--sp-xs);border-bottom:1px solid var(--border);margin-bottom:var(--sp-lg);overflow-x:auto}.tab{display:flex;align-items:center;gap:7px;padding:10px 16px;font-size:.875rem;font-weight:600;color:var(--text-muted);border:1px solid transparent;border-radius:var(--r-md) var(--r-md) 0 0;position:relative;bottom:-1px;white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab--active{color:var(--text-primary);background:var(--bg-card);border-color:var(--border) var(--border) var(--bg-card)}.tab--active:before{content:"";position:absolute;inset:-1px -1px auto;height:3px;border-radius:3px 3px 0 0;background:var(--brand-yellow)}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#07012a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--sp-md);animation:fadeIn .2s ease}.modal{width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-pop)}.modal--wide{width:min(860px,100%)}.modal__head{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-lg) var(--sp-lg) var(--sp-md);border-bottom:1px solid var(--border)}.modal__head h3{font-size:1.15rem}.modal__body{padding:var(--sp-lg)}.modal__foot{display:flex;justify-content:flex-end;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-lg) var(--sp-lg)}.toasts{position:fixed;right:var(--sp-lg);bottom:var(--sp-lg);z-index:300;display:flex;flex-direction:column;gap:var(--sp-sm);width:min(380px,calc(100vw - 32px))}.toast{display:flex;gap:var(--sp-sm);align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--text-muted);box-shadow:var(--shadow-pop);animation:fadeIn .25s ease;font-size:.86rem}.toast strong{display:block;font-family:var(--font-head)}.toast--success{border-left-color:var(--ok)}.toast--error,.toast--crit{border-left-color:var(--crit)}.toast--warn{border-left-color:var(--warn)}.toast--info{border-left-color:var(--brand-yellow)}.progress{height:7px;border-radius:var(--r-full);background:var(--bg-sunken);overflow:hidden;position:relative}.progress__fill{height:100%;border-radius:var(--r-full);transition:width .25s linear}.progress__mark{position:absolute;top:-2px;bottom:-2px;width:2px;border-radius:1px;opacity:.8}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-sm);text-align:center;padding:var(--sp-2xl) var(--sp-lg);color:var(--text-muted)}.empty svg{color:var(--text-muted);opacity:.7}.empty h3{color:var(--text-primary);font-size:1.05rem}.empty p{max-width:420px;font-size:.875rem}.alert-list{display:flex;flex-direction:column;gap:6px}.alert-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--r-md);background:var(--bg-sunken);font-size:.83rem}.alert-item__time{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-left:auto;white-space:nowrap}.alert-item--crit{background:var(--crit-soft)}.alert-item--crit svg{color:var(--crit)}.alert-item--warn{background:var(--warn-soft)}.alert-item--warn svg{color:var(--warn)}.footer{border-top:1px solid var(--border);margin-top:var(--sp-2xl)}.footer-inner{max-width:1360px;margin:0 auto;padding:var(--sp-lg) var(--sp-xl);display:flex;align-items:center;gap:var(--sp-md);color:var(--text-muted);font-size:.8rem;flex-wrap:wrap}.footer-inner img{width:22px}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--r-md);padding:10px 12px;box-shadow:var(--shadow-pop);font-size:.78rem;min-width:150px}.chart-tooltip__title{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:4px}.chart-tooltip__row{display:flex;align-items:center;gap:8px;line-height:1.7}.chart-tooltip__row strong{margin-left:auto;font-family:var(--font-mono);color:var(--text-primary)}.swatch{width:9px;height:9px;border-radius:3px;flex-shrink:0}.code-input{display:flex;gap:8px}.code-input input{width:100%;max-width:52px;aspect-ratio:1 / 1.15;text-align:center;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;border-radius:var(--r-md);border:1px solid var(--border-hover);background:var(--bg-surface);color:var(--text-primary);outline:none}.code-input input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}.link-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.82rem;font-weight:600;color:var(--accent-text)}.link-btn:hover{text-decoration:underline}.link-btn:disabled{color:var(--text-muted);text-decoration:none;cursor:default}.auth-info{font-size:.85rem;padding:10px 12px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-border)}.field-hint{font-size:.76rem;color:var(--text-muted)}.auth-waiting{display:grid;justify-items:center;gap:10px;text-align:center;padding:8px 4px 4px}.auth-waiting svg{color:var(--accent)}.dot-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--crit);color:#fff;font-size:.66rem;font-weight:800;line-height:16px;text-align:center}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-2xl);align-items:center;padding:var(--sp-xl) 0 var(--sp-lg)}.hero__eyebrow{display:flex;gap:var(--sp-sm);margin-bottom:var(--sp-lg);flex-wrap:wrap}.hero__title{font-size:clamp(2.5rem,6vw,4.1rem);font-weight:900;line-height:1.02;letter-spacing:-.035em;margin-bottom:var(--sp-md)}.hero__title-accent{position:relative;display:inline-block;z-index:0}.hero__title-accent:after{content:"";position:absolute;left:-4px;right:-6px;bottom:.08em;height:.38em;background:var(--brand-yellow);z-index:-1;transform:skew(-12deg);border-radius:3px}[data-theme=dark] .hero__title-accent{color:var(--brand-yellow)}[data-theme=dark] .hero__title-accent:after{background:#f5de2f2a}.hero__sub{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;max-width:520px;margin-bottom:var(--sp-xl)}.hero__actions{display:flex;gap:var(--sp-sm);flex-wrap:wrap}.brand-banner{position:relative;border-radius:var(--r-xl);background:radial-gradient(circle at 75% 20%,#1d1466 0%,transparent 55%),var(--brand-navy);min-height:300px;padding:var(--sp-xl);overflow:hidden;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;justify-content:space-between;color:#fff;transition:transform var(--t-normal)}.brand-banner:hover{transform:translateY(-4px)}.brand-banner__cheetah{position:absolute;right:-10px;bottom:-20px;width:62%;opacity:.95;filter:drop-shadow(0 0 30px #f5de2f33)}.brand-banner__speed{position:absolute;inset:0;background:repeating-linear-gradient(-18deg,transparent 0 22px,#ffffff06 22px 24px);pointer-events:none}.brand-banner__top{display:flex;justify-content:space-between;align-items:center;position:relative}.brand-banner__team{font-family:var(--font-head);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;color:var(--brand-yellow)}.brand-banner__big{position:relative;font-family:var(--font-mono);font-size:clamp(2.6rem,5vw,3.6rem);font-weight:700;line-height:1}.brand-banner__big small{font-size:.35em;color:var(--brand-gray);margin-left:6px}.brand-banner__label{position:relative;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-gray);margin-top:6px}.brand-banner__ticker{position:relative;height:3px;border-radius:3px;background:#ffffff14;overflow:hidden;margin-top:var(--sp-md);width:45%}.brand-banner__ticker:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--brand-yellow),transparent);animation:stride 1.6s linear infinite}@media(max-width:900px){.hero{grid-template-columns:1fr}}.kpi-card{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:4px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color var(--t-normal),box-shadow var(--t-normal)}.kpi-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--kpi-color, var(--brand-yellow)),transparent)}.kpi-card:hover{transform:translateY(-4px) scale(1.01);border-color:var(--border-hover);box-shadow:var(--shadow-card),0 0 32px var(--accent-glow)}.kpi-card__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);margin-bottom:var(--sp-sm)}.kpi-card__label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.kpi-card__value{font-family:var(--font-mono);font-size:2.1rem;font-weight:700;line-height:1.1}.kpi-card__value small{font-size:.85rem;color:var(--text-muted);margin-left:4px;font-weight:500}.kpi-card__meta{font-size:.78rem;color:var(--text-muted)}.level-warn{color:var(--warn)}.level-crit{color:var(--crit)}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--sp-md)}.session-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:var(--sp-lg);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:all var(--t-normal)}.session-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--brand-yellow),transparent);opacity:0;transition:opacity var(--t-normal)}.session-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-card),0 0 22px var(--accent-glow)}.session-card:hover:before{opacity:1}.session-card--live:before{opacity:1;background:linear-gradient(90deg,var(--live),transparent)}.session-card__type{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}.session-card__name{font-family:var(--font-head);font-weight:700;font-size:1.08rem;line-height:1.3}.session-card__date{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted)}.session-card__arrow{position:absolute;right:var(--sp-md);bottom:var(--sp-md);color:var(--text-muted);transition:transform var(--t-fast),color var(--t-fast)}.session-card:hover .session-card__arrow{transform:translate(4px);color:var(--accent-text)}.detail-head{padding:var(--sp-lg) 0;display:flex;flex-direction:column;gap:var(--sp-sm)}.detail-head h1{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800}.meta-strip{display:flex;flex-wrap:wrap;gap:var(--sp-sm) var(--sp-lg);padding:8px 14px;border-radius:var(--r-full);background:var(--bg-sunken);border:1px solid var(--border);font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);width:fit-content}.meta-strip span{display:inline-flex;align-items:center;gap:6px}.weather-panel{display:flex;flex-direction:column;gap:var(--sp-md)}.weather-condition{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--r-full);font-size:.85rem;font-weight:600;width:fit-content}.weather-condition.dry{color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-border)}.weather-condition.wet{color:#2563eb;background:#2563eb14;border:1px solid #2563eb30}.weather-row{display:flex;align-items:center;gap:var(--sp-md)}.weather-row__label{width:110px;flex-shrink:0;font-size:.78rem;color:var(--text-muted)}.weather-row .progress{flex:1}.weather-row__value{font-family:var(--font-mono);font-size:.82rem;min-width:64px;text-align:right}.temp-fill{background:linear-gradient(90deg,var(--brand-yellow),#f97316,#e5243b)}.humidity-fill{background:linear-gradient(90deg,#0c3b6a,#38bdf8)}.compare-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--sp-lg);align-items:end}.compare-vs{font-family:var(--font-head);font-weight:900;font-size:1.5rem;color:var(--text-muted);padding-bottom:6px}.score-hud{position:relative;overflow:hidden;padding:var(--sp-lg);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card)}.score-hud__bar{position:absolute;inset:0 0 auto;height:3px}.score-hud--right{text-align:right}.score-hud__name{font-family:var(--font-head);font-weight:800;font-size:1.25rem}.score-hud__time{font-family:var(--font-mono);font-size:2.3rem;font-weight:700;line-height:1.2}.winner-val{color:var(--ok);font-weight:700}@media(max-width:700px){.compare-selectors{grid-template-columns:1fr}.compare-vs{text-align:center}}.builder{display:grid;grid-template-columns:300px 1fr;gap:var(--sp-lg);align-items:start}.builder__list{position:sticky;top:84px}.dash-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--r-md);border:1px solid transparent;text-align:left;transition:all var(--t-fast)}.dash-item:hover{background:var(--bg-sunken)}.dash-item.is-active{background:var(--accent-soft);border-color:var(--accent-border)}.dash-item__name{font-weight:600;font-size:.9rem}.dash-item__meta{font-size:.74rem;color:var(--text-muted)}.widget-row{display:flex;align-items:center;gap:var(--sp-md);padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);transition:border-color var(--t-fast),transform var(--t-fast)}.widget-row:hover{border-color:var(--border-hover)}.widget-row.is-dragging{opacity:.4}.widget-row.is-drop-target{border-color:var(--brand-yellow);box-shadow:0 0 0 3px var(--accent-soft)}.widget-row__grip{color:var(--text-muted);cursor:grab}.widget-row__icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);flex-shrink:0}.widget-row__title{font-weight:600;font-size:.9rem}.widget-row__channels{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--r-full);font-size:.72rem;background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-secondary)}button.chip{cursor:pointer}button.chip.is-on{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text-primary);font-weight:600}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-sm)}.type-option{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--r-md);border:1px solid var(--border);text-align:left;transition:all var(--t-fast)}.type-option:hover{border-color:var(--border-hover)}.type-option.is-active{border-color:var(--accent-border);background:var(--accent-soft)}.type-option strong{display:flex;align-items:center;gap:6px;font-size:.86rem}.type-option span{font-size:.72rem;color:var(--text-muted);line-height:1.4}.channel-picker{display:flex;flex-direction:column;gap:var(--sp-sm);max-height:260px;overflow-y:auto;padding:var(--sp-sm);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-sunken)}.channel-picker__group{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:4px}@media(max-width:900px){.builder{grid-template-columns:1fr}.builder__list{position:static}}.auth-page{min-height:calc(100vh - 64px);display:grid;grid-template-columns:1fr 1fr}.auth-page__brand{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#1d1466 0%,transparent 60%),var(--brand-navy);color:#fff;padding:var(--sp-3xl);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--sp-md)}.auth-page__brand img{position:absolute;width:70%;top:12%;right:6%;opacity:.9}.auth-page__brand h2{font-size:2.4rem;font-weight:900;position:relative}.auth-page__brand h2 em{font-style:normal;color:var(--brand-yellow)}.auth-page__brand p{color:var(--brand-gray);max-width:420px;position:relative}.auth-page__form{display:grid;place-items:center;padding:var(--sp-xl)}.auth-card{width:min(420px,100%)}.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:.75rem;color:var(--text-muted)}.password-rules .ok{color:var(--ok)}@media(max-width:860px){.auth-page{grid-template-columns:1fr}.auth-page__brand{min-height:220px;padding:var(--sp-xl)}}.replay-bar{display:flex;align-items:center;gap:var(--sp-md);padding:12px 16px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card);margin-bottom:var(--sp-lg);position:sticky;top:76px;z-index:20}.replay-bar input[type=range]{flex:1;accent-color:var(--brand-yellow)}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-lg);align-items:start}.split--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:900px){.split,.split--even{grid-template-columns:1fr}}.session-card--select{text-align:left;cursor:pointer;font:inherit;color:inherit}.session-card--select:disabled{opacity:.5;cursor:not-allowed}.session-card--select.is-selected{border-color:var(--crit);box-shadow:0 0 0 3px var(--crit-soft)}.session-card__check{position:absolute;top:var(--sp-md);right:var(--sp-md);color:var(--text-muted)}.session-card--select.is-selected .session-card__check{color:var(--crit)}.selection-bar{position:sticky;top:76px;z-index:20;display:flex;align-items:center;gap:var(--sp-sm);flex-wrap:wrap;padding:10px 14px;margin-bottom:var(--sp-lg);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--crit);box-shadow:var(--shadow-pop)}.steps{display:flex;gap:var(--sp-sm);margin-bottom:var(--sp-lg);flex-wrap:wrap}.steps span{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-muted)}.steps span b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg-sunken);border:1px solid var(--border);font-size:.72rem}.steps span.is-on{color:var(--text-primary)}.steps span.is-on b{background:var(--brand-yellow);color:var(--brand-navy);border-color:var(--brand-yellow)}.dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--sp-xl);border:2px dashed var(--border-hover);border-radius:var(--r-lg);text-align:center;color:var(--text-secondary);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.dropzone:hover,.dropzone.is-over{border-color:var(--brand-yellow);background:var(--accent-soft)}.mapping-table select{min-width:190px;padding:6px 8px;font-size:.82rem}.mapping-table .sample{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);white-space:nowrap}.mapping-table tr.is-ignored td{opacity:.45}.progress--big{height:12px}.progress--big .progress__fill{background:linear-gradient(90deg,var(--brand-yellow),var(--brand-amber))}.console{font-family:var(--font-mono);font-size:.74rem;line-height:1.55;background:#07012a;color:#e9e7ff;border-radius:var(--r-md);padding:12px 14px;height:320px;overflow:auto;white-space:pre-wrap;word-break:break-all}.console .c-alert{color:#fca5a5}.console .c-session{color:var(--brand-yellow)}.console .c-muted{color:#8682a8}.cmd{display:flex;align-items:center;gap:8px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 10px;font-family:var(--font-mono);font-size:.78rem;overflow-x:auto}.cmd code{background:none;padding:0;white-space:pre;flex:1}.approval-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md)}.radio-card{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:flex-end}.radio-card>div{display:grid;gap:4px}.radio-grade{font-size:1.05rem}.radio-grade--ok{color:var(--ok)}.radio-grade--warn{color:var(--warn)}.radio-grade--crit{color:var(--crit)}.widget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-md)}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}@media(max-width:1100px){.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3,.span-4{grid-column:span 2}}@media(max-width:640px){.widget-grid{grid-template-columns:1fr}.span-1,.span-2,.span-3,.span-4{grid-column:span 1}}.widget{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:14px 16px 16px;min-height:190px;overflow:hidden;transition:border-color var(--t-normal)}.widget:hover{border-color:var(--border-hover)}.widget--warn{border-color:#e08a0066}.widget--crit{border-color:#e5243b80;box-shadow:var(--shadow-card),0 0 24px #e5243b26}.widget__head{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-height:24px}.widget__title{font-family:var(--font-head);font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget__sub{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);white-space:nowrap}.widget__body{flex:1;min-height:0;position:relative}.widget__legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:.72rem;color:var(--text-secondary)}.widget__legend span{display:inline-flex;align-items:center;gap:5px}.widget__legend b{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.widget__empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);font-size:.8rem;text-align:center}.stat{display:flex;flex-direction:column;height:100%}.stat__value{font-family:var(--font-mono);font-size:clamp(2rem,3.2vw,2.7rem);font-weight:700;line-height:1;letter-spacing:-.02em}.stat__unit{font-size:.9rem;color:var(--text-muted);margin-left:6px;font-weight:500}.stat__range{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);margin-top:6px}.stat__spark{flex:1;min-height:50px;margin:8px -16px -16px}.gauge{display:grid;place-items:center;height:100%}.gauge svg{width:100%;max-width:230px;height:auto}.gauge__value{font-family:var(--font-mono);font-weight:700;fill:var(--text-primary)}.gauge__unit{font-family:var(--font-body);fill:var(--text-muted)}.gauge__track{stroke:var(--bg-sunken)}.gauge__tick{stroke:var(--text-muted)}.bars{display:flex;flex-direction:column;gap:10px;justify-content:center;height:100%}.bars__row{display:grid;grid-template-columns:minmax(90px,.9fr) 2fr 72px;gap:10px;align-items:center;font-size:.78rem}.bars__label{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bars__value{font-family:var(--font-mono);text-align:right;font-size:.78rem}.corners{display:grid;grid-template-columns:1fr 96px 1fr;grid-template-rows:1fr 1fr;gap:10px 12px;height:100%;align-items:center}.corners__car{grid-column:2;grid-row:1 / span 2;height:100%;max-height:210px;width:100%;color:var(--text-muted)}.corner{border-radius:var(--r-md);padding:10px 12px;border:1px solid var(--border);background:var(--bg-sunken);transition:background .4s ease}.corner--right{text-align:right}.corner__pos{font-size:.66rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted)}.corner__val{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;line-height:1.2}.corner__unit{font-size:.72rem;color:var(--text-muted);margin-left:3px}.trackmap{width:100%;height:100%;min-height:230px}.trackmap__outline{fill:none;stroke:var(--bg-sunken);stroke-linecap:round;stroke-linejoin:round}.trackmap__car{fill:var(--text-primary);stroke:var(--bg-card)}.trackmap__start{stroke:var(--text-primary)}.colorbar{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.colorbar__ramp{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,#fdf3b0,#f5de2f,#f5a524,#e0660f,#a3360a)}