:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070a12;color:#e8f3ff;font-synthesis:none;--canvas: #070a12;--canvas-soft: #0b0f1a;--sidebar: #090d18;--surface: #101624;--surface-raised: #151d2e;--surface-hover: #1a2438;--text: #e8f3ff;--text-strong: #ffffff;--muted: #8c9bb0;--border: #27344b;--border-strong: #3a4a66;--ink-cyan: #35f2d0;--ink-magenta: #ff4ab8;--ink-yellow: #f4e84a;--danger: #ff667f;--danger-soft: #3a1724;--success: #42e89b;--warning: #ffd65a}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% -10%,rgba(255,74,184,.09),transparent 32rem),radial-gradient(circle at 20% 105%,rgba(53,242,208,.07),transparent 34rem),var(--canvas);color:var(--text)}button,input,select{font:inherit}button,.button-link,.sidebar-session a{align-items:center;border:1px solid var(--border-strong);border-radius:5px;display:inline-flex;justify-content:center;min-height:32px;padding:5px 10px;text-decoration:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}button{background:var(--surface-raised);color:var(--text);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.01em}button:hover:not(:disabled),.button-link:hover,.sidebar-session a:hover{background:var(--surface-hover);border-color:var(--ink-cyan);color:var(--text-strong)}button:active:not(:disabled),.button-link:active,.sidebar-session a:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--ink-yellow);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}button.active{background:var(--ink-yellow);border-color:var(--ink-yellow);color:#111522}button.danger{background:transparent;border-color:#ff667fa6;color:#ff8da1}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:#ffb2bf}button.compact{min-height:28px;padding:3px 8px}button[type=submit]{background:var(--ink-cyan);border-color:var(--ink-cyan);color:#07130f}button[type=submit]:hover:not(:disabled){background:#72ffe5;color:#07130f}input,select{min-height:34px;border:1px solid var(--border);border-radius:5px;background:var(--canvas-soft);color:var(--text);padding:6px 9px}input::placeholder{color:#697a92}input:hover,select:hover{border-color:var(--border-strong)}.app-shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,rgba(53,242,208,.035),transparent 12rem),var(--sidebar);border-right:1px solid var(--border);color:var(--text-strong);display:flex;flex-direction:column;gap:22px;min-height:100vh;padding:22px 16px 16px;position:sticky;top:0}.sidebar>div:first-child{border-left:3px solid var(--ink-magenta);padding-left:11px}.sidebar h1,.section-header h1{margin:0}.sidebar h1{font-size:23px;letter-spacing:-.03em}.eyebrow{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:800;letter-spacing:.11em;margin:0 0 5px;text-transform:uppercase}.sidebar .eyebrow{color:var(--ink-cyan)}.sidebar nav{align-content:start;display:grid;gap:5px;grid-auto-rows:max-content}.sidebar nav button{background:transparent;border-color:transparent;justify-content:flex-start;min-height:34px;padding:6px 10px;text-align:left;width:100%}.sidebar nav button:hover:not(:disabled){background:#35f2d012;border-color:#35f2d073;color:var(--ink-cyan)}.sidebar nav button.active{background:linear-gradient(90deg,var(--ink-yellow),#e7df5a);border-color:var(--ink-yellow);box-shadow:3px 0 0 var(--ink-magenta);color:#111522}.sidebar-session{display:grid;gap:7px;margin-top:auto}.sidebar-session a{background:transparent;color:var(--text);font-size:12px;justify-content:flex-start;line-height:1.25}.sidebar-session small{color:var(--muted);font-size:11px;line-height:1.45}.button-link{background:var(--surface-raised);color:var(--text);font-size:13px;font-weight:700;width:fit-content}main{min-width:0;padding:24px clamp(18px,2.5vw,36px) 40px}.section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding-bottom:14px}.section-header h1{color:var(--text-strong);font-size:clamp(24px,2vw,30px);letter-spacing:-.035em}.metrics-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.metric,.panel{background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 55%),var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:0 10px 28px #00000024}.metric{display:grid;gap:5px;min-height:112px;padding:13px 14px;position:relative}.metric:before{background:var(--ink-cyan);content:"";height:2px;left:14px;position:absolute;right:60%;top:-1px}.metric:nth-child(2):before,.metric:nth-child(4):before{background:var(--ink-magenta)}.metric span,.key-value span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.metric strong{color:var(--text-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:27px;line-height:1}.metric small{color:#a9b7c9;font-size:12px}.panel{min-width:0;padding:14px}.panel h2,.panel h3{color:var(--text-strong);margin:0 0 11px}.panel h2{font-size:17px}.panel h3{border-top:1px solid var(--border);font-size:14px;margin-top:16px;padding-top:14px}.toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}.toolbar input{min-width:250px}.split{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1.45fr) minmax(340px,.7fr)}.detail-panel{border-top-color:var(--ink-magenta);position:sticky;top:16px}.detail-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.detail-header h2{overflow-wrap:anywhere}.detail-header p{color:var(--muted);font-size:12px;margin:3px 0 0;overflow-wrap:anywhere}.button-row{display:flex;flex-wrap:wrap;gap:6px}.key-values{display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));margin-bottom:13px}.key-value{background:#070a126b;border-left:2px solid var(--border-strong);display:grid;gap:3px;min-width:0;padding:8px 9px}.key-value strong{color:var(--text);font-size:13px;overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid var(--border);padding:8px 9px;text-align:left;vertical-align:top}th{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.07em;text-transform:uppercase}td{color:#cbd7e6;font-size:13px;overflow-wrap:anywhere}tbody tr{transition:background-color .12s ease}tbody tr[onclick]{cursor:pointer}tr.selected,tbody tr:hover{background:#35f2d00e}tr.selected{box-shadow:inset 2px 0 0 var(--ink-cyan)}.status{border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;letter-spacing:.035em;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.status-active,.status-completed,.status-used{background:#42e89b1c;border-color:#42e89b5c;color:#79f5b9}.status-pending,.status-queued,.status-processing-stt,.status-processing-polish{background:#ffd65a1c;border-color:#ffd65a5c;color:#ffe38a}.status-suspended,.status-failed,.status-expired,.status-revoked{background:#ff667f1c;border-color:#ff667f5c;color:#ff93a5}.muted{color:var(--muted)}.error-text{color:#ff8da1;font-weight:700}.access-recovery{border-color:#ff667f8c;display:grid;gap:9px;max-width:720px}.access-recovery p{margin:0}.error-box,.code-box{background:#05070d;border:1px solid var(--border);border-radius:5px;color:#cfe1f5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow-x:auto;padding:10px;white-space:pre-wrap}.privacy-note{color:var(--muted);font-size:12px}.activation-code-panel{border-color:#35f2d08c;margin-bottom:11px}.issued-code-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.issued-code-row code{background:#f4e84a1a;border:1px solid rgba(244,232,74,.45);border-radius:5px;color:var(--ink-yellow);font-size:18px;font-weight:800;letter-spacing:.075em;padding:7px 9px}@media(max-width:920px){.app-shell{display:block}.sidebar{gap:14px;min-height:auto;padding:14px 16px;position:static}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar nav button{justify-content:center;text-align:center}.sidebar-session{grid-template-columns:max-content minmax(0,1fr);margin-top:0}.sidebar-session small{align-self:center}main{padding:18px}.metrics-grid,.split{grid-template-columns:1fr 1fr}.detail-panel{position:static}}@media(max-width:640px){.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-session,.metrics-grid,.split{grid-template-columns:1fr}.section-header{align-items:flex-start}.toolbar input,.toolbar select{min-width:100%;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
