/* Part 3: badges, alerts, auth, welcome banner, footer, print */
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent;white-space:nowrap}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.b-green{background:#dcfce7;color:#166534;border-color:#bbf7d0}.b-yellow{background:#fef9c3;color:#854d0e;border-color:#fde68a}
.b-red{background:#fee2e2;color:#991b1b;border-color:#fecaca}.b-blue{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}
.b-purple{background:#ede9fe;color:#5b21b6;border-color:#ddd6fe}.b-gray{background:#eef2f7;color:#334155;border-color:#e2e8f0}
.alert{padding:13px 15px;border-radius:12px;margin:12px 0;font-size:14px;border:1px solid transparent}
.alert-err{background:#fef2f2;color:#991b1b;border-color:#fecaca}.alert-ok{background:#f0fdf4;color:#166534;border-color:#bbf7d0}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px;position:relative;overflow:hidden;
  background:radial-gradient(800px 400px at 20% 10%,rgba(250,204,21,.22),transparent 60%),radial-gradient(900px 500px at 90% 90%,rgba(6,182,212,.22),transparent 60%),linear-gradient(135deg,#0b1a3d 0%,#1e3a8a 45%,#6d28d9 100%)}
.login-card{width:100%;max-width:440px;background:#fff;border-radius:22px;padding:30px 28px;box-shadow:0 20px 60px rgba(15,23,42,.3);position:relative;z-index:1}
.login-card h2{margin:8px 0 2px;font-size:24px}
.captcha{font-size:22px;font-weight:900;letter-spacing:5px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#facc15;padding:12px;text-align:center;border-radius:12px;border:1px dashed rgba(250,204,21,.6);margin:6px 0 8px}
.welcome-banner{margin-bottom:18px;padding:26px 28px;border-radius:18px;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.12);
  background:radial-gradient(500px 200px at 90% 0%,rgba(250,204,21,.26),transparent 60%),linear-gradient(110deg,#0b1a3d 0%,#1e3a8a 50%,#6d28d9 100%);border:1px solid rgba(255,255,255,.14)}
.welcome-banner::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border:22px solid rgba(255,255,255,.08);border-radius:50%}
.welcome-eyebrow{margin:0 0 8px;color:#facc15;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;background:rgba(250,204,21,.14);border:1px solid rgba(250,204,21,.35);padding:5px 11px;border-radius:999px;display:inline-block}
.welcome-banner h1{margin:8px 0;font-size:30px;color:#fff}.welcome-description{margin:0;color:rgba(255,255,255,.88);font-size:15px;max-width:640px}
.report-head{display:flex;align-items:center;gap:14px;justify-content:center;text-align:center}
.login-logo{height:84px;width:auto;margin:0 auto 8px;display:block}
.footer{text-align:center;color:#64748b;padding:20px;font-size:13px}
.footer::before{content:"";display:block;height:1px;max-width:1220px;margin:0 auto 14px;background:#e2e8f0}
.list-group{display:grid;gap:10px}.progress{background:#e2e8f0;border-radius:999px;overflow:hidden;height:10px}
.progress-bar{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;height:100%}
canvas{max-width:100%}
@media(max-width:860px){.mobilebar{display:flex}body.has-sidebar .main{margin-left:0}.sidebar{transform:translateX(-105%);transition:transform .22s ease;width:282px}.sidebar.open{transform:none}.wrap{padding:16px 14px}.welcome-banner{padding:20px}.welcome-banner h1{font-size:24px}}
@media print{.sidebar,.mobilebar,.no-print{display:none!important}body.has-sidebar .main{margin:0}body{background:#fff}.card{box-shadow:none}.footer{margin-left:0}}