:root{--navy:#081f4d;--blue:#0d47a1;--cyan:#06b6d4;--green:#16a34a;--yellow:#fbbf24;--slate:#64748b;--light:#f8fafc;}
*{font-family:'Inter',sans-serif;scroll-behavior:smooth;}
.hero-bg{background:radial-gradient(circle at top right,rgba(6,182,212,.18),transparent 28%),radial-gradient(circle at 20% 25%,rgba(22,163,74,.16),transparent 22%),linear-gradient(135deg,#071a3d 0%,#0b2c69 48%,#0f766e 100%);}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 14px 35px rgba(15,23,42,.07);}
.soft-card{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid #e5e7eb;border-radius:24px;}
.badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.4rem .8rem;font-size:.78rem;font-weight:800;}
.nav-link{transition:.2s;color:#dbeafe;font-size:.92rem;font-weight:700;}
.nav-link:hover{color:white;transform:translateY(-1px);}
.progress{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden;}
.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0d47a1,#06b6d4,#16a34a);}
.metric-icon{width:48px;height:48px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;}
.table-wrap{overflow:auto;border-radius:20px;border:1px solid #e5e7eb;}
table{width:100%;border-collapse:collapse;background:white;}th{background:#f1f5f9;color:#0f172a;text-align:left;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;padding:1rem;white-space:nowrap;}td{padding:1rem;border-top:1px solid #e5e7eb;color:#334155;font-size:.92rem;vertical-align:top;}
.dark body,.dark{background:#020617;color:#e2e8f0;}.dark .card,.dark .soft-card,.dark table{background:#0f172a;border-color:#1e293b;color:#e2e8f0;}.dark th{background:#1e293b;color:#f8fafc}.dark td{border-color:#1e293b;color:#cbd5e1;}
input, select, textarea { width: 100%; border: 1px solid #cbd5e1; border-radius: 1rem; padding: .8rem 1rem; background: white; }
input:focus, select:focus, textarea:focus { outline: none; box-shadow: 0 0 0 4px rgba(59,130,246,.15); border-color: #2563eb; }
.helptext { color: #64748b; font-size: .8rem; }
.errorlist { color: #dc2626; font-size: .85rem; margin-top: .25rem; }