@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-ink: #050b16;--bg-ink-soft: #0b1120;--text-primary: #f8fafc;--text-muted: #97a9c1;--brand-gradient: linear-gradient(90deg, #6366f1 0%, #0ea5e9 50%, #14b8a6 100%);--glass-bg: rgba(11, 18, 36, .56);--glass-border: rgba(56, 189, 248, .28);--danger: #fb7185;--focus-ring: #f472b6;--good: #22c55e;--warn: #f59e0b}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-primary);font-family:IBM Plex Sans,sans-serif;background:radial-gradient(circle at 18% 12%,rgba(99,102,241,.22),transparent 34%),radial-gradient(circle at 82% 18%,rgba(14,165,233,.18),transparent 38%),radial-gradient(circle at 58% 78%,rgba(20,184,166,.14),transparent 42%),linear-gradient(160deg,var(--bg-ink) 0%,var(--bg-ink-soft) 100%);background-attachment:fixed}h1,h2,h3,strong{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.01em}p,li,label,input,select,textarea,button,pre,table{font-family:IBM Plex Sans,sans-serif}p,ul{margin:0}.skip-link{position:fixed;left:20px;top:10px;z-index:1000;transform:translateY(-220%);border:1px solid var(--glass-border);border-radius:12px;background:#08101ff0;color:var(--text-primary);padding:.5rem .8rem;text-decoration:none}.skip-link:focus-visible{transform:translateY(0)}.layout{position:relative;min-height:100vh;padding:20px}.page-column{margin-left:332px;margin-right:auto;width:min(1200px,calc(100vw - 372px));min-height:calc(100vh - 40px);display:flex;flex-direction:column}.app-sidebar{position:fixed;top:20px;left:20px;bottom:20px;width:292px;border-radius:28px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#081020b8;box-shadow:0 22px 42px #02071294,inset 0 1px #ffffff0f;padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.app-sidebar::-webkit-scrollbar{width:7px}.app-sidebar::-webkit-scrollbar-thumb{border-radius:999px;background:#38bdf873}.sidebar-head{display:grid;gap:6px}.product-name{font-size:1.28rem;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.product-subtitle{color:var(--text-muted);font-size:.8rem}.nav-stack{display:grid;gap:10px}button{border:1px solid rgba(56,189,248,.34);border-radius:999px;background:#091427d1;color:var(--text-primary);padding:.64rem 1rem;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}button:hover:enabled{transform:translateY(-1px);border-color:#38bdf899;box-shadow:0 10px 24px #02071280}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.nav-button{width:100%;text-align:left}.nav-button--active{border-color:#22d3eeb8;background:linear-gradient(90deg,#6366f147,#0ea5e933,#14b8a633),#081326d1;box-shadow:0 12px 28px #0208189e,inset 0 0 0 1px #38bdf833}.identity-panel{border:1px solid var(--glass-border);border-radius:20px;background:#0913259e;display:grid;gap:9px;padding:12px}.identity-panel h3{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.identity-panel label,.form-grid label{display:grid;gap:6px;color:var(--text-muted);font-size:.78rem}.inline-note{margin:0;padding:.55rem .65rem;border:1px solid rgba(56,189,248,.36);border-radius:12px;background:#0a1a31b8;color:var(--text-muted);font-size:.75rem}input,select,textarea{border:1px solid rgba(56,189,248,.36);border-radius:16px;background:#091427cc;color:var(--text-primary);padding:.62rem .78rem;font-size:.9rem}input:not([type=checkbox]),select,textarea{width:100%}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 76%,transparent)}input[type=checkbox]{width:.98rem;height:.98rem;margin-right:.45rem;accent-color:#0ea5e9}textarea{resize:vertical}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:4px 6px 0}.page-title{font-size:clamp(1.4rem,2.4vw,2rem)}.page-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.cards{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.kpi-card{border:1px solid var(--glass-border);border-radius:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--glass-bg);box-shadow:0 22px 42px #02071294,inset 0 1px #ffffff0f;padding:18px}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.kpi-value{margin-top:8px;font-family:Space Grotesk,sans-serif;font-size:1.8rem;line-height:1.15}.status-line{margin:14px 6px 0;color:#67e8f9;font-size:.88rem;font-weight:500}.route-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-content{margin-top:10px}.surface-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));animation:rise-in .4s ease}.surface-card,.card,.panel{border:1px solid var(--glass-border);border-radius:26px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--glass-bg);box-shadow:0 22px 42px #02071294,inset 0 1px #ffffff0f;padding:20px}.surface-card--wide{grid-column:span 2}.surface-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.form-grid,.form-grid--compact{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid label>span{display:flex;align-items:center;color:var(--text-primary)}.consent-block,.meter-wrap,.permission-row{grid-column:span 2}.meter-wrap strong{color:var(--text-muted);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.meter,.progress{margin-top:.35rem;height:13px;border-radius:999px;border:1px solid rgba(56,189,248,.3);overflow:hidden;background:#0a1629cc}.meter__fill,.progress__fill{height:100%;width:0;background:var(--brand-gradient)}.permission-row,.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.button-primary{border-color:#22d3ee99;background:var(--brand-gradient)}.button-danger{background:linear-gradient(90deg,#be123c,#f43f5e);border-color:#fb7185a8}.status-pill{border-radius:999px;border:1px solid currentColor;background:#081222a6;padding:.2rem .62rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.status-pill--neutral{color:#cbd5e1}.status-pill--good{color:var(--good)}.status-pill--warn{color:var(--warn)}.status-pill--bad{color:var(--danger)}.timer{font-size:2.7rem;font-family:Space Grotesk,sans-serif;letter-spacing:.12em;color:#7dd3fc}.active-stack,.post-stack{display:grid;gap:12px}.table-wrap{overflow:auto;margin-top:12px;border:1px solid rgba(56,189,248,.2);border-radius:18px}table{width:100%;border-collapse:collapse;font-size:.82rem}thead th{text-align:left;border-bottom:1px solid rgba(56,189,248,.22);padding:.64rem .74rem;text-transform:uppercase;letter-spacing:.1em;color:#93c5fd;font-size:.74rem}tbody td{border-bottom:1px solid rgba(71,85,105,.36);padding:.6rem .74rem}.table-row--interactive{cursor:pointer}.table-row--interactive:hover{background:#0ea5e914}.table-row--active{background:#0ea5e924}.link-button{background:transparent;border:0;border-radius:0;box-shadow:none;color:#7dd3fc;padding:0;text-decoration:underline}.link-button:hover:enabled{transform:none;box-shadow:none}.error-text{color:var(--danger);margin-top:10px}.loading-text{color:#67e8f9;margin-top:10px}.dropzone{grid-column:span 2;border:1px dashed rgba(56,189,248,.42);border-radius:16px;padding:.9rem;background:#0a1a3173;display:grid;gap:6px}.dropzone--active{border-color:#38bdf8d9;background:#0ea5e924}.dropzone p{color:var(--text-muted);font-size:.82rem}audio{width:100%;margin-top:8px}pre{white-space:pre-wrap;max-height:220px;overflow:auto;border-radius:16px;border:1px solid rgba(56,189,248,.2);background:#060d1bb8;color:#bfdbfe;padding:10px}.app-footer{margin-top:auto;color:#64748b;border-top:1px solid rgba(100,116,139,.45);font-size:.75rem;padding:16px 24px}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 6px #0ea5e938}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.app-sidebar{position:static;width:100%;margin-bottom:14px}.page-column{margin-left:0;width:min(1200px,100%);min-height:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:840px){.surface-grid,.cards,.form-grid,.form-grid--compact{grid-template-columns:1fr}.surface-card--wide,.consent-block,.meter-wrap,.permission-row,.dropzone{grid-column:span 1}}