*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#0f172a;color:#f8fafc}header{padding:16px;background:#020617;border-bottom:1px solid #334155}nav{display:flex;gap:8px;overflow:auto;padding:10px;background:#111827;position:sticky;top:0;z-index:2}main{padding:14px;max-width:1380px;margin:auto}.card{background:#111827;border:1px solid #334155;border-radius:14px;padding:14px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}label{display:block;color:#94a3b8;font-size:13px;margin-top:10px}input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #334155;background:#020617;color:white}button{border:0;border-radius:10px;padding:10px 12px;background:#1e293b;color:white;font-weight:700;cursor:pointer;white-space:nowrap}.ok{background:#22c55e;color:#052e16}.primary{background:#2563eb}.danger{background:#ef4444}.warn{background:#f59e0b;color:#111827}.cyan{background:#06b6d4;color:#042f2e}.hide{display:none}.muted{color:#94a3b8}.kpi{font-size:25px;font-weight:800}.success{color:#86efac}.error{color:#fca5a5}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #334155;padding:8px;text-align:left}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.active{background:#2563eb}.version-tag{font-size:12px;color:#94a3b8}@media(max-width:800px){.row,.row3{grid-template-columns:1fr}}