:root{--orange:#ff5722;--navy:#0b1f4b;--navy2:#152b66;--off:#f5f7ff;--border:#e5e7eb;--text:#111827;--muted:#5b6472;--green:#16a34a}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--off);color:var(--text)}a{color:var(--navy)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px 28px;width:100%;max-width:380px;box-shadow:0 10px 40px rgba(11,31,75,.08)}.login-card h1{margin:0 0 4px;font-size:1.25rem;color:var(--navy)}.login-card p{margin:0 0 20px;color:var(--muted);font-size:.85rem}.login-card label{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px;color:var(--navy)}.login-card input[type=password]{width:100%;height:46px;border:2px solid var(--border);border-radius:10px;padding:0 14px;font-size:1rem;outline:none}.login-card input[type=password]:focus{border-color:var(--orange)}.login-card button{width:100%;height:46px;margin-top:16px;background:var(--orange);color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:10px;cursor:pointer}.login-card button:hover{background:#e64a19}.login-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:.82rem;margin-bottom:16px}.dash{max-width:1100px;margin:0 auto;padding:28px 20px 64px}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.dash-head h1{margin:0;font-size:1.4rem;color:var(--navy)}.dash-head form button{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:.82rem;cursor:pointer;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:26px}@media (max-width:760px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.kpi .num{font-size:1.8rem;font-weight:800;color:var(--navy);line-height:1}.kpi .lbl{margin-top:6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-bottom:18px}@media (max-width:760px){.grid2{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.panel h2{margin:0 0 14px;font-size:.95rem;color:var(--navy)}.panel.full{margin-bottom:18px}table{width:100%;border-collapse:collapse;font-size:.82rem}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.4px}td.num,th.num{text-align:right}.table-scroll{overflow-x:auto}.bars{display:flex;align-items:flex-end;gap:3px;height:120px}.bars .bar{flex:1 1;background:var(--orange);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}.bars-x{display:flex;justify-content:space-between;margin-top:6px;font-size:.68rem}.bars-x,.empty{color:var(--muted)}.empty{font-size:.85rem;padding:8px 2px}