:root{--bg:#0f172a;--panel:#111827;--panel2:#1f2937;--txt:#e5e7eb;--mut:#94a3b8;--bd:#334155;--pri:#38bdf8;--bad:#ef4444;--ok:#22c55e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:Segoe UI,Arial,sans-serif}
aside{position:fixed;inset:0 auto 0 0;width:285px;background:linear-gradient(180deg,var(--panel),#020617);border-right:1px solid var(--bd);padding:22px}
main{margin-left:285px;padding:20px}.brand{display:grid;gap:4px;margin-bottom:24px}.brand b{font-size:23px}.brand span,p,label{color:var(--mut)}
button,a{border:1px solid var(--bd);background:var(--panel2);color:var(--txt);border-radius:10px;padding:9px 12px;text-decoration:none;cursor:pointer;display:inline-block}
button:hover,a:hover{border-color:var(--pri)}.primary{background:linear-gradient(135deg,#0ea5e9,var(--pri));color:#00131f;font-weight:800}.tab,.link{display:block;width:100%;text-align:left;margin:8px 0}.tab.active{background:rgba(56,189,248,.16);border-color:rgba(56,189,248,.4)}
header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}h1{margin:0}h2{margin:0 0 12px}.panel{display:none}.panel.active{display:block}
.box{background:rgba(17,24,39,.86);border:1px solid var(--bd);border-radius:16px;padding:15px;margin-bottom:14px;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid2form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label{display:block;font-size:13px;margin-bottom:10px}input,select{width:100%;margin-top:5px;border:1px solid var(--bd);background:var(--panel2);color:var(--txt);border-radius:10px;padding:9px}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}.tablewrap{overflow:auto;border:1px solid var(--bd);border-radius:12px}.tablewrap.small{max-height:420px}
table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--bd);padding:8px;font-size:12px;text-align:left;vertical-align:top}th{color:var(--mut);background:#0b1220;position:sticky;top:0}
pre{white-space:pre-wrap;word-break:break-word;background:#020617;border:1px solid var(--bd);border-radius:12px;padding:12px;max-height:420px;overflow:auto}.toast{position:fixed;right:20px;bottom:20px;background:var(--panel);border:1px solid var(--bd);border-radius:12px;padding:12px;z-index:20}.hidden{display:none!important}
@media(max-width:1000px){aside{position:static;width:auto}main{margin-left:0}.grid2,.grid2form{grid-template-columns:1fr}header{display:block}}