:root{
--bg:#0B0E14; --panel:#151A22; --muted:#1C2230; --text:#E6E9EF;
--accent:#FF4655; --blue:#00B2FF; --ok:#3BCF75; --warn:#FFC857;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 "Inter",system-ui,Segoe UI,Arial}
a{color:var(--blue);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:20px}
.nav{display:flex;gap:16px;align-items:center;background:var(--panel);padding:10px 16px;border-bottom:1px solid #222}
.brand{display:flex;gap:10px;align-items:center}
.brand img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.btn{background:var(--accent);color:#fff;padding:10px 14px;border:none;border-radius:10px;cursor:pointer}
.btn.alt{background:var(--blue)}
.card{background:var(--panel);border:1px solid #222;border-radius:14px;padding:16px;margin:12px 0}
.grid{display:grid;gap:12px}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #222;text-align:left}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--muted);color:#fff;font-size:12px}
input,select{background:#0f141d;border:1px solid #272e3f;border-radius:10px;color:#fff;padding:10px;width:100%}
label{display:block;margin:8px 0 4px}
hr{border:0;border-top:1px solid #222;margin:14px 0}
.small{opacity:.8;font-size:13px}
.center{display:flex;justify-content:center;align-items:center}