:root{--ink: #0b0e14;--ink-2: #0f131b;--surface: #141a24;--surface-2: #1b2330;--surface-3: #212b3a;--line: #29323f;--line-soft: #1e2732;--text: #eaeef4;--muted: #8b97a7;--muted-2: #5c6675;--signal-1: #ffb43a;--signal-2: #ff5a4d;--signal: #ff7a45;--signal-ink: #1a1206;--live: #ff4d4d;--focus: #8fb8ff;--ok: #46d39a;--danger: #ff5d5d;--r-sm: 8px;--r: 12px;--r-lg: 18px;--pill: 999px;--shadow: 0 18px 50px -22px rgba(0, 0, 0, .75);--glow: 0 0 0 1px rgba(255, 148, 74, .35), 0 12px 40px -12px rgba(255, 108, 60, .55);--font-display: "Archivo", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--gradient-signal: linear-gradient(115deg, var(--signal-1), var(--signal-2))}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--signal);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:-.02em;margin:0}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}.btn{--_bg: var(--surface-2);--_fg: var(--text);display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.15rem;border:1px solid var(--line);border-radius:var(--pill);background:var(--_bg);color:var(--_fg);font:600 .92rem/1 var(--font-body);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);border-color:var(--surface-3);text-decoration:none}.btn:active{transform:translateY(0)}.btn-signal{--_bg: var(--gradient-signal);--_fg: var(--signal-ink);border:none;box-shadow:var(--glow)}.btn-ghost{--_bg: transparent}.btn-danger{--_fg: var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line));background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .6rem;border-radius:var(--pill);border:1px solid var(--line);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--muted)}.tag-live{color:var(--live);border-color:color-mix(in srgb,var(--live) 45%,transparent)}.tag-draft{color:var(--signal-1);border-color:color-mix(in srgb,var(--signal-1) 45%,transparent)}.dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--live);box-shadow:0 0 color-mix(in srgb,var(--live) 60%,transparent);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--live) 55%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.waveform{display:flex;align-items:center;gap:3px;height:48px}.waveform>span{flex:1;min-width:2px;max-width:6px;border-radius:var(--pill);background:var(--gradient-signal);transform-origin:center;height:100%;transform:scaleY(var(--h, .3));opacity:.85}.waveform.is-animated>span{animation:bar 1.1s ease-in-out infinite}@keyframes bar{0%,to{transform:scaleY(.22)}50%{transform:scaleY(1)}}.waveform.is-ambient>span{animation:ambient 2.6s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -90ms)}@keyframes ambient{0%,to{transform:scaleY(var(--h, .4))}50%{transform:scaleY(calc(var(--h, .4) * .5))}}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.field label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.input,.textarea,.select{width:100%;padding:.7rem .85rem;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);font:400 .95rem/1.5 var(--font-body);transition:border-color .12s ease,box-shadow .12s ease}.textarea{resize:vertical;min-height:120px;font-family:var(--font-mono);font-size:.88rem}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 22%,transparent)}@media (prefers-reduced-motion: reduce){.waveform.is-animated>span{animation:none;transform:scaleY(var(--h, .5))}.dot{animation:none}*{scroll-behavior:auto!important}}#app{min-height:100vh}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1.1rem;background:var(--ink-2);border-right:1px solid var(--line-soft)}.sidebar .brand{display:flex;align-items:center;gap:.7rem;padding:.2rem .4rem}.sidebar .brand .name{font-family:var(--font-display);font-weight:800;font-size:1.05rem}.sidebar .brand .callsign{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.wavemark{display:flex;align-items:flex-end;gap:2px;height:22px}.wavemark>i{width:3px;border-radius:var(--pill);background:var(--gradient-signal);animation:wm 1.4s ease-in-out infinite}.wavemark>i:nth-child(1){height:40%;animation-delay:-.2s}.wavemark>i:nth-child(2){height:90%;animation-delay:-.5s}.wavemark>i:nth-child(3){height:60%;animation-delay:-.1s}.wavemark>i:nth-child(4){height:100%;animation-delay:-.7s}.wavemark>i:nth-child(5){height:50%;animation-delay:-.35s}@keyframes wm{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.nav{display:flex;flex-direction:column;gap:.2rem}.nav a{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:var(--r-sm);color:var(--muted);font-size:.92rem;font-weight:500}.nav a:hover{background:var(--surface);color:var(--text);text-decoration:none}.nav a.router-link-active{background:var(--surface-2);color:var(--text)}.nav a.router-link-active svg{color:var(--signal)}.nav a svg{width:18px;height:18px}.sidebar .foot{margin-top:auto;display:flex;flex-direction:column;gap:.7rem}.userbox{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--r-sm);background:var(--surface)}.userbox .avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-signal);color:var(--signal-ink);display:grid;place-items:center;font-weight:800;font-family:var(--font-display)}.userbox .who{min-width:0}.userbox .who b{font-size:.85rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbox .who span{font-size:.72rem;color:var(--muted);font-family:var(--font-mono)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.8rem;background:color-mix(in srgb,var(--ink) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.topbar h1{font-size:1.25rem}.topbar .sub{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.content{padding:1.8rem;max-width:1080px;width:100%}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.8rem}.stat{padding:1.2rem 1.3rem;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.stat .k{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.stat .v{font-family:var(--font-display);font-weight:800;font-size:2.2rem;line-height:1;margin-top:.5rem}.stat .v.accent{background:var(--gradient-signal);-webkit-background-clip:text;background-clip:text;color:transparent}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.panel .panel-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem;border-bottom:1px solid var(--line-soft)}.panel .panel-head h2{font-size:1rem}.panel .panel-body{padding:1.3rem}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-family:var(--font-mono);font-weight:500;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.8rem 1.3rem;border-bottom:1px solid var(--line-soft)}.table td{padding:.9rem 1.3rem;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:color-mix(in srgb,var(--surface-2) 50%,transparent)}.table .num{font-family:var(--font-mono);color:var(--muted)}.table .title{font-weight:600}.table .title small{display:block;color:var(--muted);font-weight:400;font-family:var(--font-mono);font-size:.72rem}.row-actions{display:flex;gap:.5rem;justify-content:flex-end}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover{color:var(--text);border-color:var(--surface-3)}.icon-btn.danger:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.icon-btn svg{width:16px;height:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem}.form-grid .col-span{grid-column:1 / -1}.form-actions{display:flex;gap:.8rem;align-items:center;margin-top:1rem;padding-top:1.4rem;border-top:1px solid var(--line-soft)}.form-actions .spacer{flex:1}.switch{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:44px;height:26px;border-radius:var(--pill);background:var(--surface-3);position:relative;transition:background .15s ease;flex:none}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.switch input:checked+.track{background:color-mix(in srgb,var(--signal) 55%,var(--surface-3))}.switch input:checked+.track:after{transform:translate(18px);background:var(--signal-ink)}.switch input:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}.switch .lbl{font-size:.92rem}.switch .lbl small{display:block;color:var(--muted);font-size:.78rem}.uploader{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px dashed var(--line);border-radius:var(--r);background:var(--ink-2)}.uploader .meta{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);min-width:0}.uploader .meta b{color:var(--text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(700px 420px at 70% -10%,color-mix(in srgb,var(--signal-2) 14%,transparent),transparent 60%),radial-gradient(600px 400px at 10% 10%,color-mix(in srgb,var(--signal-1) 10%,transparent),transparent 55%),var(--ink)}.login-card{width:min(400px,92vw);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:2rem;box-shadow:var(--shadow)}.login-card .head{text-align:center;margin-bottom:1.6rem}.login-card .head .wavemark{justify-content:center;margin:0 auto .9rem}.login-card .head h1{font-size:1.5rem}.login-card .head p{color:var(--muted);font-size:.88rem;margin:.3rem 0 0}.alert{padding:.75rem 1rem;border-radius:var(--r-sm);font-size:.88rem;margin-bottom:1rem}.alert-error{background:color-mix(in srgb,var(--danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:color-mix(in srgb,var(--danger) 85%,white)}.alert-ok{background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);color:color-mix(in srgb,var(--ok) 85%,white)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty-state .wavemark{justify-content:center;margin:0 auto 1rem;height:34px}.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;padding:.8rem 1.1rem;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.9rem;display:flex;align-items:center;gap:.6rem}.toast .dot{background:var(--ok);animation:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar .nav{flex-direction:row;flex-wrap:wrap}.sidebar .foot{margin:0}.form-grid{grid-template-columns:1fr}}.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;border-top:1px solid var(--line-soft);flex-wrap:wrap}.pager-info{color:var(--muted);font-size:.8rem}.pager-controls{display:flex;align-items:center;gap:.8rem}.pager-ind{color:var(--muted);font-size:.82rem;min-width:3.5rem;text-align:center}.pager .btn[disabled]{opacity:.4;pointer-events:none}