@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-main:#0a0f1d;--bg-card:#111827;--bg-card-hover:#172033;--bg-card-trans:#111827bf;--bg-input:#1e293b;--border-subtle:#ffffff14;--border-focus:#3b82f6;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0f1d}::-webkit-scrollbar-thumb{background:#253349;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#384c6c}.glass-panel{background:var(--bg-card-trans);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:14px;transition:all .25s;box-shadow:0 10px 30px -5px #0006,inset 0 0 1px 1px #ffffff0d}.glass-panel:hover{border-color:#ffffff26}.glass-card-interactive{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s}.glass-card-interactive:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 12px 25px -8px #0009,0 0 15px #3b82f626}.kpi-glow-emerald{border-left:4px solid var(--accent-emerald);box-shadow:0 0 20px -5px #10b98140}.kpi-glow-blue{border-left:4px solid var(--accent-blue);box-shadow:0 0 20px -5px #3b82f640}.kpi-glow-amber{border-left:4px solid var(--accent-amber);box-shadow:0 0 20px -5px #f59e0b40}.kpi-glow-rose{border-left:4px solid var(--accent-rose);box-shadow:0 0 20px -5px #f43f5e40}.kpi-glow-purple{border-left:4px solid var(--accent-purple);box-shadow:0 0 20px -5px #8b5cf640}.kpi-glow-cyan{border-left:4px solid var(--accent-cyan);box-shadow:0 0 20px -5px #06b6d440}.number-metric{font-family:var(--font-mono);letter-spacing:-.03em;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;background:#1e293b;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#27354f;border-color:#fff3}.btn-success{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#10b981,#34d399);transform:translateY(-1px)}.input-custom{border:1px solid var(--border-subtle);color:#f8fafc;background:#151e2e;border-radius:8px;outline:none;padding:.55rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input-custom:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.powerbi-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}.powerbi-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);text-align:left;z-index:10;background:#162032;padding:.75rem 1rem;font-size:.72rem;font-weight:600;position:sticky;top:0}.powerbi-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0a;padding:.75rem 1rem}.powerbi-table tr:hover td{background:#3b82f60f}.slicer-pill{cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-secondary);background:#141c2c;border-radius:9999px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s}.slicer-pill:hover{color:#fff;background:#1e2a42}.slicer-pill.active{color:#fff;background:#2563eb;border-color:#3b82f6;box-shadow:0 0 12px #2563eb66}.manual-entry{max-width:1000px;margin:0 auto;padding:1.25rem}.manual-entry h2,.manual-entry h3{margin-bottom:1rem}.manual-entry h3{margin-top:2rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.9rem;margin:1rem 0;display:grid}.form-grid label,.fleet-target label{color:var(--text-secondary);flex-direction:column;gap:.35rem;font-size:.82rem;display:flex}.form-grid .input-custom{width:100%;min-width:0}.form-grid a{color:#93c5fd;align-self:center}.check-label{align-items:center;gap:.5rem;margin:1rem 0;display:flex}.entry-context{color:#cbd5e1;background:#0e1524;border-radius:8px;padding:.75rem;line-height:1.5}.form-message{background:#1e293b;border-radius:8px;margin:.7rem 0;padding:.7rem}.form-actions,.entry-buttons,.fleet-target{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.recent-entry{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 0;display:flex}.recent-entry small{color:var(--text-secondary)}.fleet-target{margin:1rem 0}.fleet-target .input-custom{max-width:140px}.main-nav{flex-wrap:wrap;min-width:0}.input-custom[type=file]{max-width:100%}:is(.manual-entry label:has(input[type=file]),.driver-pwa-form label:has(input[type=file])){display:none}.manual-entry .form-grid>a:has(+.receipt-picker){display:none}.receipt-picker{background:linear-gradient(145deg,#1e293bb8,#0f172aeb);border:1px dashed #94a3b85c;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;padding:.85rem;display:flex}.receipt-picker-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.receipt-picker-label{color:var(--text-primary);font-size:.86rem;font-weight:700;display:block}.receipt-picker-help{color:var(--text-muted);margin-top:.15rem;font-size:.72rem;display:block}.receipt-picker-status{color:#6ee7b7;white-space:nowrap;background:#10b9811f;border:1px solid #10b98147;border-radius:999px;padding:.2rem .45rem;font-size:.68rem;font-weight:700}.receipt-picker-empty{min-height:62px;color:var(--text-muted);background:#0f172aa6;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-size:.76rem;display:flex}.receipt-picker-preview{background:#0f172aad;border-radius:9px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.45rem;display:grid}.receipt-picker-preview img{object-fit:cover;border:1px solid var(--border-subtle);border-radius:6px;width:58px;height:58px}.receipt-picker-file-details{min-width:0;color:var(--text-secondary);flex-direction:column;gap:.16rem;font-size:.72rem;display:flex}.receipt-picker-file-details strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:.78rem;overflow:hidden}.receipt-picker-file-details a{color:#93c5fd}.receipt-picker-actions{gap:.55rem;display:flex}.receipt-picker-actions button,.receipt-picker-remove{cursor:pointer;font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.receipt-picker-camera,.receipt-picker-gallery{flex:1;min-height:42px;padding:.55rem .8rem}.receipt-picker-camera{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #93c5fd4d}.receipt-picker-gallery{color:#dbeafe;background:#1e293b;border:1px solid #94a3b847}.receipt-picker-remove{color:#fecdd3;background:#f43f5e1a;border:1px solid #f43f5e3d;padding:.38rem .5rem}.receipt-picker-actions button:hover,.receipt-picker-remove:hover{border-color:#bfdbfe99;transform:translateY(-1px)}.receipt-picker-actions button:focus-visible,.receipt-picker-remove:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f64d}.receipt-picker-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=650px){main{padding-left:.65rem!important;padding-right:.65rem!important}header.glass-panel{margin:.65rem!important;padding:.75rem!important}.main-nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow-x:visible;display:grid!important}.main-nav button{justify-content:center;width:100%;min-width:0;padding:.5rem .3rem!important}.main-nav button span{white-space:normal;text-align:center;font-size:.72rem}.main-nav .nav-badge{display:none}.filter-content,.filter-fields{width:100%;min-width:0}.filter-fields>div{max-width:100%}.filter-fields select{max-width:calc(100vw - 5rem);min-width:0!important}.dashboard-chart-grid>*{overflow-wrap:anywhere;min-width:0}.fleet-heading{flex-direction:column;align-items:stretch!important}.fleet-heading>button{justify-content:center;width:100%}.manual-entry{padding:.85rem}.recent-entry{flex-direction:column;align-items:stretch}.entry-buttons button{flex:1;justify-content:center}.powerbi-table{min-width:920px}.receipt-picker{padding:.8rem}.receipt-picker-actions{flex-direction:column}.receipt-picker-actions button{width:100%;min-height:44px}.receipt-picker-preview{grid-template-columns:52px minmax(0,1fr)}.receipt-picker-preview img{width:52px;height:52px}.receipt-picker-remove{grid-column:1/-1;width:100%;min-height:36px}}