:root{
  --bg:#0b1220; --card:#0f1a33; --card2:#0c152b; --text:#e9eeff; --muted:#9bb0da;
  --line:rgba(140,170,255,.18); --accent:#7aa7ff; --accent2:#8ef0c7; --danger:#ff6b6b;
  --shadow:0 18px 50px rgba(0,0,0,.35); --radius:18px;
}
@media (prefers-color-scheme: light){
  :root{--bg:#f6f8ff; --card:#fff; --card2:#fff; --text:#0d1530; --muted:#506089;
  --line:rgba(20,40,80,.12); --accent:#2a66ff; --accent2:#00a873; --shadow:0 18px 50px rgba(17,28,60,.12);}
}
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:
radial-gradient(1200px 600px at 20% -10%, rgba(122,167,255,.22), transparent 60%),
radial-gradient(1000px 600px at 90% 0%, rgba(142,240,199,.18), transparent 55%), var(--bg); color:var(--text);}
.wrap{max-width:1060px;margin:0 auto;padding:18px;}
.top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px;}
.brand h1{margin:0;font-size:20px;}
.brand p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35;}
.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);
background:color-mix(in srgb,var(--card) 75%, transparent);color:var(--muted);text-decoration:none;}
.card{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 92%, transparent), var(--card2));
border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;}
.col-12{grid-column:span 12;} .col-6{grid-column:span 6;} .col-4{grid-column:span 4;} .col-3{grid-column:span 3;}
label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px;}
input,select,textarea{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--line);
background:color-mix(in srgb,var(--card2) 86%, transparent);color:var(--text);outline:none;}
textarea{min-height:220px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12.5px;line-height:1.4;}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.spacer{flex:1;}
button{border:1px solid var(--line);background:color-mix(in srgb,var(--card2) 86%, transparent);
color:var(--text);border-radius:14px;padding:11px 12px;cursor:pointer;font-weight:650;}
button.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent2) 45%, var(--accent)));
color:color-mix(in srgb,#00122f 65%, var(--text));}
button:disabled{opacity:.65;cursor:not-allowed;}
.status{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px dashed var(--line);color:var(--muted);}
.status.ok{border-style:solid;} .status.err{border-style:solid;border-color:rgba(255,107,107,.35);color:var(--danger);}
table{width:100%;border-collapse:collapse;}
th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top;}
th{color:var(--muted);font-size:12px;font-weight:800;}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
@media (max-width:860px){.col-6,.col-4,.col-3{grid-column:span 12;}}