/* public/styles.css */
:root { --bg:#0b1220; --card:#121a2c; --muted:#9aa3b2; --accent:#3ea6ff; --good:#20c997; --warn:#ffb020; --bad:#ff6b6b; }
*{box-sizing:border-box} body{margin:0; font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif; color:#eef1f6; background:var(--bg)}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
.topbar{background:#0f172a;border-bottom:1px solid #1e293b}
.topbar .wrap{display:flex;align-items:center;gap:16px}
h1{font-size:20px;margin:8px 0}
nav a{color:#cbd5e1;margin-right:12px;text-decoration:none;padding:8px 10px;border-radius:6px}
nav a.active, .btn{background:var(--accent);color:#001933}
.btn{display:inline-block;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #1f2937}
.table th{color:#9fb1c7;text-align:left;font-size:14px}
.table-scroll{overflow:auto;border:1px solid #1f2937;border-radius:8px}
.card{background:var(--card);border:1px solid #1f2937;border-radius:10px;padding:14px;margin:12px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card .k{color:#9fb1c7;font-size:13px}
.card .v{font-size:20px;font-weight:700}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
label{display:grid;gap:6px;font-size:14px}
input,select{background:#0b1220;color:#e2e8f0;border:1px solid #263041;border-radius:8px;padding:10px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.hint{padding:10px;background:#0b1220;border:1px dashed #334155;border-radius:8px}
.muted{color:var(--muted);text-align:center}
.warn{background:#30250f;border:1px solid #6b4f0b;color:#ffd27a;padding:10px;border-radius:8px}