/* main styles: clean dashboard cards */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
:root{--accent:#2c3e50;--card:#fff}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:#f4f6f8;margin:0;color:#222}
.header{background:var(--accent);color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.header a{color:#fff;text-decoration:none;margin-right:16px}
.sidebar{width:220px;background:#1f2a36;color:#fff;position:fixed;top:52px;bottom:0;padding:20px}
.main{margin-left:240px;padding:24px}
.card{background:var(--card);border-radius:8px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,0.06);margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{font-size:28px;font-weight:600}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.btn{display:inline-block;padding:8px 12px;border-radius:6px;text-decoration:none}
.btn-primary{background:#0d6efd;color:#fff}
.small{font-size:13px;color:#666}
.nav-link{color:#cfe3f3;display:block;padding:8px 0;text-decoration:none}
.nav-link:hover{color:#fff}