:root{--blue-900:#0D1B3D;--blue-800:#132A5E;--teal-500:#17B4A4;--card-border:#eaecef;--text:#1a1f36;--muted:#5a6275;--shadow:0 8px 24px rgba(13,27,61,.12);--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#f6f8fc;min-height:100vh}.topbar{background:linear-gradient(90deg,var(--blue-900),var(--blue-800));color:#fff;padding:14px 28px;display:flex;align-items:center;justify-content:space-between}.brand-block{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--teal-500),#7be3d8);display:flex;align-items:center;justify-content:center;font-weight:800;color:#0D1B3D;box-shadow:var(--shadow)}.brand-title{font-size:20px;font-weight:800}.brand-subtitle{font-size:12px;color:rgba(255,255,255,.72)}.app-shell{display:flex;min-height:calc(100vh - 92px)}.sidebar{width:250px;background:#fff;border-right:1px solid var(--card-border);padding:18px;box-shadow:0 8px 24px rgba(13,27,61,.06)}.nav-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:#26324d;padding:10px 12px;border-radius:12px;margin-bottom:6px;font-weight:600}.nav-item:hover{background:#eef7f6;color:#0f766e}.content{flex:1;padding:28px}.footer{padding:14px;text-align:center;color:#6b7280;background:#fff;border-top:1px solid var(--card-border)}.page-title{font-weight:800;margin:0}.metric-card{background:#fff;border:1px solid var(--card-border);border-radius:var(--radius);padding:18px;box-shadow:0 4px 14px rgba(13,27,61,.08);display:flex;flex-direction:column;gap:8px}.metric-card i{font-size:24px;color:var(--teal-500)}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{font-size:30px}.card{border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:0 4px 14px rgba(13,27,61,.07)}.btn-primary{background:var(--teal-500);border-color:var(--teal-500);font-weight:700}.btn-primary:hover{background:#12998d;border-color:#12998d}.login-body{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-900),var(--blue-800));height:100vh}.login-card{width:420px;max-width:92vw;background:#fff;border-radius:22px;padding:32px}.monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.table td,.table th{vertical-align:middle}.form-text{font-size:12px}@media(max-width:900px){.app-shell{flex-direction:column}.sidebar{width:100%;display:flex;overflow-x:auto}.nav-item{white-space:nowrap}.content{padding:18px}}
.whatsapp-qr{width:220px;height:220px;object-fit:contain;border:1px solid var(--card-border);border-radius:8px;background:#fff;padding:8px}