:root{
  --brand:#ffd200;
  --brand-dark:#1e40af;
  --bg:#0a0c12;
  --card:#121628;
  --text:#f7f9ff;
  --muted:#98a2b3;
  --ok:#00c853;
  --bad:#ff5252;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--brand)}
.container{max-width:1100px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid #22293a;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.2);}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
h1,h2,h3{margin:8px 0 12px}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid #2b3247;background:linear-gradient(180deg,#1a1f2e,#111523);color:var(--text);text-decoration:none}
.btn:hover{background:linear-gradient(180deg,#222947,#0e1220)}
input,select,textarea{width:100%;padding:10px;border-radius:12px;border:1px solid #2b3247;background:#0e1220;color:var(--text)}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#1c2235;border:1px solid #2b3247;font-size:12px;color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.item-card img{width:100%;border-radius:12px;border:1px solid #2b3247;background:#0c0f19}
.flex{display:flex;gap:8px;align-items:center}
.hr{height:1px;background:#20263a;margin:12px 0}
.time{font-variant-numeric:tabular-nums}
.chat{max-height:320px;overflow:auto;border:1px solid #2b3247;padding:8px;border-radius:12px;background:#0b0e17}
.chat .msg{margin:6px 0}
.chat .sys{color:#9ab}
footer{opacity:.6;font-size:12px;margin-top:16px}
.nav{display:flex;gap:10px;margin-bottom:12px}
.nav a{padding:8px 12px;border-radius:10px;background:#141a2b;text-decoration:none;border:1px solid #2b3247}
.nav a.active{background:#1b2340}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border-bottom:1px solid #232a3f;text-align:left}
.warn{color:#ffce6b}
.center{text-align:center}

header.brand{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;border-radius:14px;
  background:linear-gradient(180deg,rgba(30,64,175,.25),rgba(15,23,42,.6));border:1px solid #263258}
.brand img.logo{height:56px;width:auto;border-radius:12px;background:#0b0f1e;border:1px solid #263258;padding:6px}
.brand .title{font-size:22px;font-weight:700;letter-spacing:.3px}
.brand .subtitle{font-size:13px;opacity:.8}
.badge.brand{background:#1b2340;border-color:#2d3b6d;color:#ffd200}