:root{--bg:#f6f7fb;--text:#172033;--muted:#667085;--primary:#2346a0;--accent:#12a594;--card:#fff;--border:#dfe3eb;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}a{color:var(--primary);text-decoration:none}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:.8rem 6vw}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;color:var(--text)}.brand img{height:38px}.topbar nav{display:flex;gap:1rem;flex-wrap:wrap}.container{max-width:1180px;margin:auto;padding:2rem 5vw}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:center;background:linear-gradient(135deg,#2346a0,#12a594);border-radius:28px;color:#fff;padding:3rem;margin-bottom:1.5rem;box-shadow:0 14px 32px rgba(35,70,160,.2)}.hero h1{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.2rem 0}.hero img{max-width:220px;justify-self:end;background:#fff;border-radius:20px;padding:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.8rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}.stats article,.panel,.auth-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:1.2rem;box-shadow:0 10px 25px rgba(16,24,40,.05)}.stats span{color:var(--muted);display:block}.stats strong{font-size:2rem}.panel{margin:1.5rem 0}.responsive-table{overflow:auto;border-radius:14px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border);vertical-align:top}th{background:#f1f4f9}.bar{height:.6rem;background:#e5e7eb;border-radius:999px;overflow:hidden;min-width:110px}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--primary))}.auth-card{max-width:520px;margin:4rem auto}.form,.inline-form,.search-row{display:flex;gap:.8rem;flex-wrap:wrap;align-items:end}.form{flex-direction:column}.form label{width:100%}input,select{width:100%;padding:.7rem;border:1px solid var(--border);border-radius:12px;background:#fff}.inline-form input{min-width:145px;flex:1}.search-row{margin:1rem 0}.btn{background:var(--primary);color:#fff;border:none;border-radius:14px;padding:.8rem 1.1rem;font-weight:700;cursor:pointer}.btn.small{padding:.65rem 1rem}.btn:hover{filter:brightness(.95)}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.tabs a{padding:.55rem .85rem;background:#eef2ff;border-radius:999px}.tabs a.active{background:var(--primary);color:#fff}.muted{color:var(--muted)}.alert{background:#fff1f3;border:1px solid #fda29b;color:#912018;border-radius:12px;padding:.75rem;margin:1rem 0}.danger{color:var(--danger);font-weight:700}.footer{display:flex;justify-content:center;align-items:center;gap:1rem;color:var(--muted);padding:2rem}.footer img{height:34px}.fade-in{animation:fade .55s ease-out both}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding:2rem}.hero img{justify-self:start}.stats{grid-template-columns:1fr 1fr}.inline-form,.search-row{display:block}.inline-form input,.search-row input,.search-row select,.btn{margin:.25rem 0}}