:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark;--bg:#0c0f12;--panel:#14181c;--panel2:#1b2025;--text:#f1f3f5;--muted:#8e99a4;--line:#293038;--accent:#79e0bd;--accent2:#153e33;--danger:#ff8d8d}*{box-sizing:border-box}html[data-theme=light]{color-scheme:light;--bg:#f5f7f8;--panel:#fff;--panel2:#eef1f2;--text:#182026;--muted:#65717b;--line:#dde2e5;--accent:#167c5b;--accent2:#dff5ec}body{margin:0;background:var(--bg);color:var(--text)}button,.button{border:0;border-radius:9px;background:var(--accent);color:#08261d;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}button svg,.button svg{width:18px}.app{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{background:var(--panel);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px}.brand>span,.brand-mark{background:var(--accent);color:#08261d;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:900}.brand strong{line-height:1.05}nav{margin-top:48px;display:grid;gap:8px}nav a{display:flex;gap:12px;padding:11px;border-radius:9px;color:var(--muted)}nav a.active{background:var(--accent2);color:var(--accent)}nav svg{width:19px}.aside-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.icon,.logout,.secondary{background:transparent;color:var(--muted);border:1px solid var(--line)}.content{padding:42px max(32px,6vw)}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0 0 8px;font-size:30px}p{color:var(--muted);line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0}.stats article{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:14px;display:flex;gap:15px;align-items:center}.stats svg{color:var(--accent)}.stats b,.stats span{display:block}.stats b{font-size:25px}.stats span{color:var(--muted);font-size:13px}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:0 15px;display:flex;align-items:center;gap:10px}.toolbar svg{width:18px;color:var(--muted)}input,textarea{width:100%;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:11px;font:inherit}.toolbar input{border:0;outline:0}.list{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.row{width:100%;border-radius:0;background:transparent;color:var(--text);display:grid;grid-template-columns:auto 1fr auto 100px;text-align:left;border-bottom:1px solid var(--line);padding:17px}.row:hover{background:var(--panel2)}.row div:nth-child(2) span{display:block;color:var(--muted);font-weight:400;margin-top:3px}.file-icon{padding:9px;background:var(--accent2);color:var(--accent);border-radius:8px}.row time{color:var(--muted);font-weight:400}.status{font-style:normal;font-size:12px;color:var(--accent)}.empty{text-align:center;padding:70px}.empty>svg{width:42px;height:42px;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:4}.modal{width:min(480px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:28px;position:relative}.modal label,.login-card label{display:grid;gap:7px;margin:18px 0;color:var(--muted);font-size:14px}.modal textarea{min-height:100px}.x{position:absolute;right:18px;top:14px;background:transparent;color:var(--muted);font-size:25px;padding:5px}.actions{display:flex;justify-content:flex-end;gap:10px}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(650px,92vw);background:var(--panel);border-left:1px solid var(--line);padding:34px;z-index:3;overflow:auto;box-shadow:-20px 0 60px #0005}.tabs{display:flex;border-bottom:1px solid var(--line);margin:25px 0}.tabs button{background:transparent;color:var(--muted);border-radius:0;border-bottom:2px solid transparent}.tabs button.active{color:var(--accent);border-color:var(--accent)}.large{min-height:230px;margin:12px 0}.transcript{white-space:pre-wrap;line-height:1.7}.notice,.error{padding:11px;background:#7d343433;color:var(--danger);border-radius:8px}.notice{background:var(--accent2);color:var(--accent);margin-bottom:15px}.banner{margin:15px 0;display:flex;justify-content:space-between}.banner button{background:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#173d34,var(--bg) 45%)}.login-card{width:min(410px,90vw);background:var(--panel);border:1px solid var(--line);padding:40px;border-radius:18px}.login-card .brand-mark{margin:auto}.login-card h1,.login-card>p{text-align:center}.login-card form>button{width:100%;justify-content:center;margin-top:8px}@media (max-width:760px){.app{grid-template-columns:1fr}aside{display:none}.content{padding:24px}.stats{grid-template-columns:1fr}.row{grid-template-columns:auto 1fr}.row time,.row em{display:none}}.download{display:block;text-align:center;color:var(--accent);margin-top:22px;font-size:14px}