@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#0f172a;--surface:#1e293b;--surface-2:#273549;--border:#334155;--border-2:#475569;--text:#f1f5f9;--muted:#94a3b8;--muted-2:#64748b;--accent:#8b5cf6;--accent-ink:#fff;--danger:#f87171;--warn:#fbbf24;--info:#3b82f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font-family:inherit}a{color:var(--accent)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:14px 22px;display:flex;box-shadow:0 1px 3px #0000004d}.brand{letter-spacing:-.3px;align-items:center;gap:10px;font-weight:800;display:flex}.logo-dot{background:linear-gradient(135deg, var(--accent), var(--info));border-radius:4px;width:14px;height:14px}.pill{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.pill-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.btn{cursor:pointer;background:var(--surface-2);color:var(--text);border:none;border-radius:8px;padding:9px 14px;font-weight:700;transition:background .15s,transform .1s}.btn:hover{background:var(--border)}.btn:active{transform:scale(.97)}.btn-primary{color:var(--accent-ink);background:linear-gradient(135deg,#7c3aed,#3b82f6);box-shadow:0 2px 8px #7c3aed59}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#2563eb);box-shadow:0 4px 14px #7c3aed73}.btn:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted);font-size:12px}.err{color:var(--danger);margin-bottom:8px;font-size:13px}.login-wrap{flex:1;place-items:center;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:340px;padding:32px;box-shadow:0 8px 32px #0006,0 0 0 1px #8b5cf614}.input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;margin-bottom:10px;padding:11px 12px;transition:border-color .2s}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #8b5cf626}.dash{max-width:1200px;padding:22px}.dash-head{margin-bottom:20px}.dash-head h1{letter-spacing:-.4px;margin:0 0 4px;font-size:22px}.card-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:12px;padding:16px;transition:transform .15s,box-shadow .15s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.kpi-value{letter-spacing:-.5px;margin-top:6px;font-size:24px;font-weight:800}.dash-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;transition:box-shadow .15s}.panel:hover{box-shadow:0 4px 16px #0003}.panel h2{letter-spacing:-.2px;margin:0 0 14px;font-size:15px;font-weight:700}.bars{flex-direction:column;gap:12px;display:flex}.bar-row{grid-template-columns:120px 1fr 60px;align-items:center;gap:10px;display:grid}.bar-name{color:var(--muted);font-size:13px;font-weight:500}.bar-track{background:var(--bg);border-radius:999px;height:14px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#7c3aed,#3b82f6,#06b6d4);border-radius:999px;height:100%;box-shadow:0 0 8px #8b5cf64d}.bar-val{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.prod-table{border-collapse:collapse;width:100%}.prod-table th,.prod-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px;font-size:13px}.prod-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.prod-table tbody tr{transition:background .12s}.prod-table tbody tr:nth-child(2n){background:#ffffff05}.prod-table tbody tr:hover{background:#8b5cf60f}.prod-table td:nth-child(2),.prod-table td:nth-child(3),.prod-table th:nth-child(2),.prod-table th:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.report-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.report-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.report-item:hover{border-color:var(--accent);box-shadow:0 0 0 1px #8b5cf633}.report-item b{color:var(--accent);letter-spacing:-.3px;font-size:18px}@media (width<=800px){.card-grid,.dash-row,.report-grid{grid-template-columns:1fr}.dash{padding:14px}}.date-filter{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.date-filter input[type=date]{width:160px}@media (width<=800px){.date-filter{flex-direction:column;align-items:stretch}.date-filter input[type=date]{width:100%}}