:root{--bg:#09090c;--panel:#111116;--panel2:#16161d;--line:rgba(255,255,255,.07);--text:#ecebf0;--muted:#8d8b98;--gold:#e6b450;--gold2:#ff7a3d;--green:#3ddc97;--red:#ff5d6c;--blue:#6aa8ff;--radius:14px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.01em;margin:0 0 .4em}h1{font-size:26px}h2{font-size:18px}h3{font-size:15px}
.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}
.side{background:linear-gradient(180deg,#0d0d12,#09090c);border-right:1px solid var(--line);padding:22px 16px;position:sticky;top:0;height:100vh}
.brand{display:flex;flex-direction:column;gap:2px;margin:0 8px 26px}.brand b{font-family:"Space Grotesk";font-size:19px;letter-spacing:.14em}
.brand span{font-size:11px;letter-spacing:.32em;color:var(--gold);text-transform:uppercase}
.nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--muted);font-weight:500;margin-bottom:2px}
.nav a:hover{background:var(--panel2);color:var(--text);text-decoration:none}.nav a.on{background:linear-gradient(90deg,rgba(230,180,80,.16),rgba(230,180,80,0));color:var(--text);box-shadow:inset 2px 0 0 var(--gold)}
.side .foot{position:absolute;bottom:18px;left:16px;right:16px;font-size:12px;color:var(--muted)}
main{padding:28px 34px;max-width:1280px;width:100%}
.top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:16px;flex-wrap:wrap}.top p{margin:0;color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px}
.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}
@media(max-width:1000px){.g4,.g3{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}.shell{grid-template-columns:1fr}.side{position:static;height:auto}}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden}
.stat .k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stat .v{font-family:"Space Grotesk";font-size:28px;font-weight:600;margin-top:4px}.stat .s{color:var(--muted);font-size:12px}
.stat.hl{background:radial-gradient(120% 140% at 100% 0%,rgba(255,122,61,.18),transparent 55%),var(--panel)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.06em}tr:hover td{background:rgba(255,255,255,.015)}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:9px 15px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none!important}
.btn:hover{border-color:rgba(255,255,255,.18)}.btn.pri{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#140d02;border:0}.btn.danger{color:var(--red)}.btn.sm{padding:5px 10px;font-size:12px}
input,select,textarea{width:100%;background:#0c0c11;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(230,180,80,.6);box-shadow:0 0 0 3px rgba(230,180,80,.12)}
textarea.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;min-height:420px;line-height:1.45}
label{display:block;font-size:12px;color:var(--muted);margin:12px 0 6px;font-weight:500}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row>*{flex:1}
.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:600;background:var(--panel2);color:var(--muted);border:1px solid var(--line)}
.pill.green{color:var(--green);border-color:rgba(61,220,151,.3)}.pill.red{color:var(--red);border-color:rgba(255,93,108,.3)}.pill.gold{color:var(--gold);border-color:rgba(230,180,80,.35)}.pill.blue{color:var(--blue);border-color:rgba(106,168,255,.3)}
.muted{color:var(--muted)}.small{font-size:12px}.flash{padding:12px 16px;border-radius:12px;margin-bottom:18px;border:1px solid}
.flash.ok{background:rgba(61,220,151,.08);border-color:rgba(61,220,151,.3)}.flash.err{background:rgba(255,93,108,.08);border-color:rgba(255,93,108,.3)}.flash.info{background:rgba(230,180,80,.07);border-color:rgba(230,180,80,.3)}
.bar{height:6px;background:#1d1d25;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
iframe.preview{width:100%;height:560px;border:1px solid var(--line);border-radius:12px;background:#fff}
.chk{display:flex;align-items:center;gap:8px;margin:6px 0;color:var(--text);font-size:14px}.chk input{width:auto}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 0%,rgba(255,122,61,.18),transparent),radial-gradient(50% 40% at 80% 100%,rgba(230,180,80,.12),transparent),var(--bg)}
.login .card{width:360px;padding:30px}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}
.tabs{display:flex;gap:6px;margin-bottom:14px}.spark{display:flex;align-items:flex-end;gap:3px;height:60px}.spark i{flex:1;background:linear-gradient(180deg,var(--gold),rgba(255,122,61,.5));border-radius:3px 3px 0 0;min-height:2px}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions form{margin:0}