:root{
  --bg:#0b0c10;--card:#11131a;--muted:#9aa3b2;--text:#eef2ff;--accent:#c59d5f;--border:#222533;
  --danger:#ff4d4d;--ok:#4dff88;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; background:linear-gradient(180deg,#07080c, #0b0c10); color:var(--text);}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:20; display:flex;align-items:center;gap:12px; padding:12px 16px; background:rgba(10,11,16,.8); backdrop-filter: blur(10px); border-bottom:1px solid var(--border);}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px}
.badge{padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px}
.container{max-width:1200px;margin:0 auto;padding:16px}
.grid{display:grid;grid-template-columns:280px 1fr;gap:16px}
@media (max-width: 960px){.grid{grid-template-columns:1fr}.sidebar{position:static}}
.sidebar{position:sticky;top:64px; align-self:start;background:rgba(17,19,26,.55); border:1px solid var(--border);border-radius:16px;padding:10px}
.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--muted)}
.nav a.active,.nav a:hover{background:rgba(197,157,95,.12);color:var(--text)}
.card{background:rgba(17,19,26,.75); border:1px solid var(--border); border-radius:16px; padding:14px}
h1{font-size:20px;margin:0 0 10px}
h2{font-size:16px;margin:0 0 8px;color:var(--muted);font-weight:700}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:720px){.row{grid-template-columns:1fr}}
input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0d0f17;color:var(--text);outline:none}
textarea{min-height:90px;resize:vertical}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0d0f17;color:var(--text);cursor:pointer}
.btn.primary{background:linear-gradient(135deg, rgba(197,157,95,.95), rgba(197,157,95,.65)); color:#0b0c10; border:0; font-weight:800}
.btn.danger{background:rgba(255,77,77,.12);border-color:rgba(255,77,77,.35); color:#ffb3b3}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:960px){.kpis{grid-template-columns:repeat(2,1fr)}}
.kpi{padding:12px;border-radius:16px;border:1px solid var(--border);background:rgba(13,15,23,.85)}
.kpi .v{font-size:18px;font-weight:900}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th{color:var(--muted);text-align:left;font-size:12px;font-weight:800}
.table td{padding:10px 10px;background:rgba(13,15,23,.85);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.table tr td:first-child{border-left:1px solid var(--border);border-radius:12px 0 0 12px}
.table tr td:last-child{border-right:1px solid var(--border);border-radius:0 12px 12px 0}
.small{font-size:12px;color:var(--muted)}