:root{
 --bg:#f4f6fb;
 --card:#ffffff;
 --text:#0f172a;
 --muted:#64748b;
 --border:#e2e8f0;
 --primary:#2563eb;
}
body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.card,.box{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
button{background:var(--primary);border:none;border-radius:10px;color:#fff;padding:10px 14px}
button.ghost{background:#fff;color:#111;border:1px solid var(--border)}
input,select{border-radius:10px;border:1px solid var(--border);padding:10px;background:#fff;color:#111}
table{border-collapse:collapse}
th{font-size:11px;text-transform:uppercase;color:var(--muted)}
td{border-bottom:1px solid var(--border)}
.muted{color:var(--muted)}

.btn{background:var(--primary);color:#fff;border:1px solid #1d4ed8}
.btn span{color:#fff}