@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{color:#edf7f5;font-synthesis:none;--line:#1d3732;--muted:#86a49e;--cyan:#43e0b5;--blue:#f59e70;background:#07110f;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#173b34 0,#0000 28%),#07110f;margin:0}button,input{font:inherit}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:#0b0f16;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-weight:700;display:flex}.brand i{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#061017;border-radius:11px;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.brand span{flex-direction:column;display:flex}.brand small{color:#637087;letter-spacing:.16em;margin-top:2px;font:8px JetBrains Mono}nav{gap:6px;margin-top:44px;display:grid}nav a{color:#91a0b5;border-radius:9px;padding:11px 13px;text-decoration:none}nav a.router-link-active{color:#fff;background:#151c28}.logout{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;margin-top:auto;padding:10px}main{min-width:0;padding:44px clamp(24px,4vw,66px)}header{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}h1{letter-spacing:-.04em;margin:5px 0 7px;font-size:32px}header p{color:var(--muted);margin:0}.eyebrow{letter-spacing:.18em;font:10px JetBrains Mono;color:var(--cyan)!important}.live{color:#67e7b3;border:1px solid #174c47;border-radius:20px;padding:7px 11px;font:10px JetBrains Mono}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.stats article{border:1px solid var(--line);background:#0f141ddb;border-radius:13px;flex-direction:column;padding:20px;display:flex}.stats article.accent{background:linear-gradient(135deg,#132c38,#182342)}.stats small,.stats span{color:var(--muted)}.stats strong{margin:9px 0 4px;font-size:27px}.panel{border:1px solid var(--line);background:#0d121af0;border-radius:13px;overflow:auto}.panel-title,.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.panel-title h2{margin:0;font-size:16px}.panel-title span{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}th{color:#657187;text-align:left;text-transform:uppercase;letter-spacing:.08em;background:#0b0f16;padding:12px 16px;font-size:10px}td{color:#b8c2d2;white-space:nowrap;border-top:1px solid #19202c;padding:14px 16px}td b,td small{display:block}td small{color:#637087;text-overflow:ellipsis;max-width:230px;margin-top:4px;font:9px JetBrains Mono;overflow:hidden}.click{cursor:pointer}.click:hover{background:#111925}.positive{color:#65dfad!important}.negative,.error{color:#ff7887!important}.badge{background:#202738;border-radius:5px;padding:4px 7px;font-size:10px;display:inline-block}.badge.active,.badge.completed{color:#68e0ae;background:#11352e}.badge.suspended,.badge.upstream_error{color:#ff8894;background:#3a1c24}.toolbar{justify-content:flex-start;gap:9px}.toolbar input{border:1px solid var(--line);color:#fff;background:#090d13;border-radius:8px;width:min(380px,70%);padding:10px 12px}.toolbar button,.tabs button{color:#dbe5f4;cursor:pointer;background:#263147;border:0;border-radius:8px;padding:10px 17px}.back{color:#8ca1c1;margin-bottom:23px;text-decoration:none;display:inline-block}.user-balance{text-align:right;flex-direction:column;display:flex}.user-balance small{color:var(--muted)}.user-balance strong{font-size:27px}.tabs{gap:6px;margin-bottom:12px;display:flex}.tabs button{color:var(--muted);background:0 0}.tabs button.active{color:#fff;background:#172131}code{color:#8fa8cb;font:10px JetBrains Mono}.login{place-items:center;min-height:100vh;padding:25px;display:grid}.login section{border:1px solid var(--line);background:#0d121b;border-radius:18px;width:min(420px,100%);padding:36px;box-shadow:0 40px 100px #0008}.login h1{margin-top:46px}.login>section>p{color:var(--muted)}form{gap:17px;margin-top:28px;display:grid}label{color:#9ca8bb;gap:7px;font-size:12px;display:grid}label input{border:1px solid var(--line);color:#fff;background:#080c12;border-radius:9px;outline:none;padding:12px}label input:focus{border-color:var(--blue)}form button{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#07101a;cursor:pointer;border:0;border-radius:9px;margin-top:6px;padding:12px;font-weight:700}@media (width<=850px){.shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;width:100%;height:auto;padding:16px;position:relative}nav{margin:0 0 0 auto;display:flex}.logout{margin:0 0 0 10px}.stats{grid-template-columns:repeat(2,1fr)}main{padding:28px 18px}}@media (width<=560px){.brand span{display:none}.stats{grid-template-columns:1fr}header{align-items:flex-start;gap:15px}.live{display:none}}.create-box{margin-bottom:18px}.admin-form{grid-template-columns:1.4fr 1fr .7fr auto;align-items:end;gap:12px;margin:0;padding:20px;display:grid}.admin-form label{gap:7px;display:grid}.admin-form input,.account-actions input{border:1px solid var(--line);color:#fff;background:#08130f;border-radius:9px;outline:none;padding:11px}.admin-form button,.account-actions button{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#07110f;cursor:pointer;border:0;border-radius:9px;padding:11px 17px;font-weight:700}.admin-form button:disabled,.account-actions button:disabled{opacity:.5}.form-error{color:#ff8b91;grid-column:1/-1;margin:0}.account-actions{grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin-bottom:18px;padding:19px;display:grid}.account-actions h2{margin:0;font-size:16px}.account-actions p{color:var(--muted);margin:5px 0 0;font-size:12px}.account-actions form{gap:8px;margin:0;display:flex}.account-actions .danger{color:#ff9aa3;background:#4a2026}.account-actions>span{color:var(--cyan);grid-column:1/-1;font-size:12px}@media (width<=1000px){.admin-form{grid-template-columns:1fr 1fr}.account-actions{grid-template-columns:1fr}.account-actions form{max-width:420px}}@media (width<=560px){.admin-form{grid-template-columns:1fr}.account-actions form{flex-direction:column}}