:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-canvas: #090d16;--bg-surface: #0f172a;--bg-surface-elevated: #162036;--bg-surface-glass: rgba(15, 23, 42, .75);--bg-sidebar: #0b1120;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-active: rgba(99, 102, 241, .45);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #090d16;--brand-primary: #6366f1;--brand-primary-hover: #4f46e5;--brand-primary-light: rgba(99, 102, 241, .12);--brand-primary-glow: rgba(99, 102, 241, .35);--brand-berry: #e11d48;--brand-berry-light: rgba(225, 29, 72, .12);--status-success: #10b981;--status-success-light: rgba(16, 185, 129, .12);--status-warning: #f59e0b;--status-warning-light: rgba(245, 158, 11, .12);--status-danger: #ef4444;--status-danger-light: rgba(239, 68, 68, .12);--status-info: #0ea5e9;--status-info-light: rgba(14, 165, 233, .12);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-canvas);color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-canvas: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-surface-glass: rgba(255, 255, 255, .88);--bg-sidebar: #ffffff;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-active: rgba(79, 70, 229, .35);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--brand-primary: #4f46e5;--brand-primary-hover: #4338ca;--brand-primary-light: rgba(79, 70, 229, .08);--brand-primary-glow: rgba(79, 70, 229, .2);--brand-berry: #be123c;--brand-berry-light: rgba(190, 18, 60, .08);--status-success: #059669;--status-success-light: rgba(5, 150, 105, .08);--status-warning: #d97706;--status-warning-light: rgba(217, 119, 6, .08);--status-danger: #dc2626;--status-danger-light: rgba(220, 38, 38, .08);--status-info: #0284c7;--status-info-light: rgba(2, 132, 199, .08);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);min-height:100vh;transition:background-color .2s ease,color .2s ease}.brand-logo-white{filter:brightness(0) invert(1) drop-shadow(0 0 1px rgba(255,255,255,.3));transition:opacity .2s ease,filter .2s ease}.brand-logo-white:hover{opacity:.92}[data-theme=light] .brand-logo-white{filter:drop-shadow(0 1px 2px rgba(0,0,0,.06))}.brand-logo{max-width:44px;max-height:44px;object-fit:contain}button,input,textarea,select{font-family:inherit;font-size:13px}button{background:var(--brand-primary);color:#fff;border:1px solid var(--brand-primary-hover);border-radius:8px;padding:8px 16px;min-height:38px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px -1px var(--brand-primary-glow);transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:6px;touch-action:manipulation}button:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px 0 var(--brand-primary-glow)}button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}button.secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-medium);box-shadow:none}button.secondary:hover{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-active)}.theme-toggle{font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-medium);cursor:pointer;transition:all .15s ease}.theme-toggle:hover{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--brand-primary)}.theme-icon{flex-shrink:0;color:var(--brand-primary)}[data-theme=light] .theme-icon{color:#d97706}input,select,textarea{background:var(--bg-sidebar);border:1px solid var(--border-medium);padding:9px 12px;border-radius:8px;color:var(--text-primary);min-width:0;width:100%;transition:border-color .15s ease,box-shadow .15s ease,background-color .2s ease}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff;border-color:#cbd5e1;color:#0f172a}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus,button:focus-visible{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);margin:12px 0}a{color:var(--brand-primary);text-decoration:none;transition:color .15s ease}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:24px 16px;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:30;transition:background-color .2s ease,border-color .2s ease}.brand-lockup{width:100%;padding:4px 8px 16px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.brand-lockup img{display:block;width:100%;max-width:180px;height:auto;object-fit:contain}.brand-lockup small{display:inline-block;margin-top:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--brand-primary);background:var(--brand-primary-light);padding:2px 8px;border-radius:4px}.header-brand{display:block;width:140px;max-width:100%;height:auto;margin-bottom:8px}.side-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:12px 8px 8px;color:var(--text-muted)}nav{display:flex;flex-direction:column;gap:3px;overflow-y:auto}nav button{background:transparent;color:var(--text-secondary);text-align:left;border:0;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:500;box-shadow:none;justify-content:flex-start;transition:all .12s ease}nav button:hover{background:#7d7d7d14;color:var(--text-primary);transform:none}nav button.selected{background:var(--brand-primary-light);color:var(--brand-primary);font-weight:700;border-left:3px solid var(--brand-primary);border-radius:4px 8px 8px 4px}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px;font-size:12px;padding-top:16px;border-top:1px solid var(--border-subtle)}.side-bottom small{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;word-break:break-all}.side-bottom button{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-medium);font-size:12px;box-shadow:none;padding:6px 12px}.side-bottom button:hover{background:var(--status-danger-light);color:var(--status-danger);border-color:#ef44444d}main{padding:32px 40px;max-width:1600px;width:100%}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border-subtle);margin-bottom:28px;gap:16px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:10px}h1{font-size:28px;font-weight:800;letter-spacing:-.03em;margin:4px 0 0;color:var(--text-primary)}h2{font-size:18px;font-weight:700;letter-spacing:-.02em;margin:28px 0 14px;color:var(--text-primary)}h3{font-size:15px;font-weight:600;margin:20px 0 10px;color:var(--text-primary)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--brand-primary)}.pill{font-size:11px;font-weight:600;background:var(--brand-primary-light);color:var(--brand-primary);border:1px solid var(--border-active);border-radius:9999px;padding:6px 14px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.hero{background:linear-gradient(135deg,#101935,#0c1222);border:1px solid var(--border-active);color:#fff;padding:32px 36px;border-radius:16px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}[data-theme=light] .hero{background:linear-gradient(135deg,#4f46e5,#3730a3);border-color:#4f46e566;box-shadow:0 10px 30px -10px #4f46e540}.hero:after{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.hero .eyebrow{color:#a5b4fc}[data-theme=light] .hero .eyebrow{color:#e0e7ff}.hero p{max-width:780px;color:var(--text-secondary);line-height:1.6;font-size:13px;margin:8px 0}[data-theme=light] .hero p{color:#e0e7ff}.big-number{font-family:var(--font-mono);font-size:56px;font-weight:800;letter-spacing:-.04em;margin:12px 0;color:#fff;text-shadow:0 2px 10px rgba(99,102,241,.3)}.big-number span{font-size:22px;color:var(--text-secondary);letter-spacing:-1px}progress{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#ffffff1f;border-radius:9999px}progress::-webkit-progress-bar{background:#ffffff1f;border-radius:9999px}progress::-webkit-progress-value{background:linear-gradient(90deg,#6366f1,#10b981);border-radius:9999px}.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:0 0 28px}.type-grid>div{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0;transition:all .2s cubic-bezier(.16,1,.3,1)}[data-theme=light] .type-grid>div{box-shadow:0 1px 3px #0000000a}.type-grid>div:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 8px 20px -6px #0003}.type-grid span{font-size:12px;font-weight:600;color:var(--text-secondary)}.type-grid strong{font-family:var(--font-mono);font-size:26px;font-weight:800;color:var(--text-primary)}.segment-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:4px 0 0;padding-top:8px;border-top:1px solid var(--border-subtle)}.segment-counts div{min-width:0}.segment-counts dt{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.segment-counts dd{margin:2px 0 0;font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--text-primary)}.segment-links{display:flex;flex-wrap:wrap;gap:4px 12px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0 32px}.metrics>div{padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;transition:border-color .15s ease,transform .15s ease}[data-theme=light] .metrics>div{box-shadow:0 1px 3px #00000008}.metrics>div:hover{border-color:var(--border-medium);transform:translateY(-1px)}.metrics strong{font-family:var(--font-mono);font-size:24px;font-weight:700;display:block;margin-bottom:4px;color:var(--text-primary)}.metrics span{font-size:11px;font-weight:500;color:var(--text-secondary)}section,.panel{margin:0 0 28px;padding:20px 0}.panel{padding:24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px}[data-theme=light] .panel{box-shadow:0 1px 3px #0000000a}p{font-size:13px;line-height:1.6}.muted{color:var(--text-muted);font-size:12px}small{color:var(--text-muted)}.hero small{color:var(--text-secondary)}[data-theme=light] .hero small{color:#e0e7ff}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface);margin:16px 0}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:var(--text-muted);letter-spacing:.8px;font-size:10px;font-weight:700;text-transform:uppercase;padding:12px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-sidebar);white-space:nowrap}[data-theme=light] th{background:#f8fafc;color:#64748b;border-bottom-color:#e2e8f0}td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;line-height:1.5;color:var(--text-secondary)}[data-theme=light] td{border-bottom-color:#f1f5f9;color:#334155}tr:hover td{background:#7d7d7d0a;color:var(--text-primary)}td:first-child{font-weight:600;color:var(--text-primary)}td button{font-size:11px;padding:5px 10px;min-height:32px;border-radius:6px}.toolbar,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.toolbar>input{max-width:280px}.toolbar>select{max-width:220px}.check{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:400;margin:8px 0;cursor:pointer}.check input{width:auto;cursor:pointer;accent-color:var(--brand-primary)}.split{display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,2fr);gap:24px}.list-item{display:block;text-align:left;background:transparent;color:var(--text-secondary);border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;padding:14px 12px;width:100%;margin-bottom:4px;box-shadow:none;transition:all .12s ease}.list-item:hover{background:#7d7d7d0f;color:var(--text-primary);transform:none}.list-item small{display:block;margin-top:4px;font-size:11px;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}fieldset{border:1px solid var(--border-subtle);border-radius:10px;margin:20px 0;padding:20px;background:var(--bg-surface)}legend{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--brand-primary);padding:0 8px}pre{white-space:pre-wrap;font-family:var(--font-mono);font-size:12px;line-height:1.6;background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:8px;padding:14px;color:var(--text-primary);overflow-wrap:anywhere}.preview{padding:20px;margin-top:20px;background:var(--bg-surface);border:1px solid var(--border-medium);border-left:3px solid var(--brand-primary);border-radius:0 10px 10px 0}article{padding:16px 0;border-bottom:1px solid var(--border-subtle)}blockquote{margin:12px 0;padding-left:14px;border-left:2px solid var(--brand-primary);font-size:13px;color:var(--text-secondary);line-height:1.6}.stage-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:28px}.stage-strip>div{background:var(--bg-surface);border:1px solid var(--border-subtle);border-bottom:3px solid var(--brand-primary);border-radius:8px;padding:14px 10px;text-align:center}.stage-strip strong{display:block;font-family:var(--font-mono);font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.stage-strip small{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.error{background:var(--status-danger-light);border:1px solid rgba(239,68,68,.4);color:var(--status-danger);padding:12px 16px;border-radius:8px;font-size:13px;margin:12px 0}.notice{background:var(--status-warning-light);border:1px solid rgba(245,158,11,.4);color:var(--status-warning);padding:12px 16px;border-radius:8px;font-size:13px;margin:12px 0}.login-wrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px}.login-top-bar{display:flex;justify-content:flex-end;width:100%;max-width:440px;margin-bottom:12px}.login{max-width:440px;width:100%;margin:0 auto;padding:36px 32px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:20px;box-shadow:0 20px 40px -10px #0006;text-align:center;transition:all .2s ease}[data-theme=light] .login{box-shadow:0 20px 40px -10px #00000014}.login .brand-lockup{border-bottom:0;padding-bottom:0;margin:0 auto 16px}.login .brand-lockup img{margin:0 auto}.login h1{font-size:22px;margin-top:14px;color:var(--text-primary)}.login p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:8px 0 20px}.login form{text-align:left;margin:20px 0}.login button{width:100%;margin-top:16px;padding:11px;min-height:44px;font-size:14px}.login small{font-size:11px;color:var(--text-muted)}.text-link{font-size:13px;color:var(--brand-primary);display:inline-block;margin-top:12px}.desktop-brand-container{display:block}.mobile-header-row,.mobile-menu{display:none}@media(max-width:1024px){.shell{grid-template-columns:220px minmax(0,1fr)}main{padding:24px}.stage-strip{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){html,body{overflow-x:hidden}.shell{display:block}aside{position:sticky;top:0;height:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-direction:column;max-height:100vh;overflow-y:auto}.mobile-header-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.mobile-header-actions{display:flex;align-items:center;gap:8px}.mobile-menu{display:inline-flex;padding:8px 14px;min-height:44px;font-size:13px;font-weight:600}aside .brand-lockup{width:auto;max-width:140px;margin:0;padding:0;border:0}aside .brand-lockup small{display:none}aside nav,aside .side-bottom{display:none;width:100%;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle)}aside.navigation-open nav,aside.navigation-open .side-bottom{display:flex;animation:drawerSlide .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes drawerSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}aside nav button{min-height:46px;font-size:14px;padding:12px 14px}.side-label{display:none}main{padding:16px 14px}.header-brand{display:none}header{margin-bottom:20px;padding-bottom:14px}header h1{font-size:24px}input,select,textarea{font-size:16px!important;min-height:44px}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar>input,.toolbar>select{max-width:none;width:100%}.actions{flex-direction:column;align-items:stretch}.actions button{width:100%;min-height:44px}.split{grid-template-columns:1fr;gap:18px}.form-grid{grid-template-columns:1fr;gap:0}.table-wrap{border:0;background:transparent}table,tbody,tr,td{display:block;width:100%}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tbody tr{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 3px #00000014}[data-theme=light] tbody tr{box-shadow:0 1px 4px #0000000d}td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:0;border-bottom:1px solid var(--border-subtle);font-size:13px;gap:8px}td:before{content:attr(data-label);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);min-width:90px;flex-shrink:0}td:first-child{display:block;font-size:15px;font-weight:700;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border-medium)}td:first-child:before{display:none}td:last-child{border-bottom:0;padding-top:10px;justify-content:flex-end}td:last-child:before{display:none}td:empty{display:none}td button{min-height:44px;min-width:80px;font-size:13px;padding:8px 14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics>div{padding:12px}.metrics strong{font-size:20px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.type-grid>div{padding:12px}.type-grid strong{font-size:20px}.stage-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage-strip>div{padding:10px 8px}.stage-strip strong{font-size:18px}.hero{padding:22px 18px}.big-number{font-size:40px}.login{padding:24px 18px;margin:12px auto}.login h1{font-size:20px}}