:root{--bg-color: #05070a;--card-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--secondary: #a855f7;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #22d3ee;--success: #10b981;--danger: #ef4444;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);min-height:100vh;overflow-x:hidden}#app{max-width:1200px;margin:0 auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.glass{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 4px 30px #0000001a}.stat-card,.chart-container,.table-container{will-change:transform,opacity}.stat-card{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow:visible;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px var(--primary-glow);background:#ffffff14;border-color:#6366f166}.stat-value{font-size:clamp(1.15rem,3.2vw,1.75rem);font-weight:700;color:var(--text-main);background:linear-gradient(to right,#fff,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:visible;line-height:1.1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-in{opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.dashboard{display:flex;flex-direction:column;gap:.75rem}.hero-section{position:relative;width:100%;height:clamp(200px,35vh,400px);border-radius:24px;overflow:hidden;margin-bottom:.5rem;box-shadow:0 10px 30px #0006;background-color:var(--card-bg);opacity:0;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;animation:heroBreathe 20s infinite alternate cubic-bezier(.4,0,.2,1);will-change:transform}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,var(--bg-color) 0%,rgba(5,7,10,.3) 40%,transparent 100%);z-index:1;pointer-events:none}@keyframes heroBreathe{0%{transform:scale(1.02)}to{transform:scale(1.08)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-container{padding:1rem;min-height:200px;max-height:250px;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;position:relative}.chart-container h3{font-size:.95rem;font-weight:600;color:var(--text-main);opacity:.9}canvas{flex:1;width:100%!important;height:100%!important}.table-container{padding:1.5rem;overflow:hidden;contain:content}.table-wrapper{overflow-x:auto;max-height:400px;overflow-y:auto}.badge{padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge.fuel{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge.service{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.badge.insurance{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.2)}.badge.fast{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge.other{background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}table{width:100%;border-collapse:collapse;text-align:left}th{padding:1rem;color:var(--text-muted);font-weight:600;font-size:.875rem;border-bottom:1px solid var(--glass-border)}td{padding:1rem;border-bottom:1px solid var(--glass-border);font-size:.95rem}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.amount-cell{font-weight:600;font-family:monospace}.loading{position:relative;overflow:hidden;background:#ffffff08}.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0 0,#ffffff0d,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.main-footer{text-align:center;padding:2rem 0;color:var(--text-muted);font-size:.875rem}.main-footer a{color:var(--primary);text-decoration:none}@media (max-width: 768px){.charts-row{grid-template-columns:1fr}#app{padding:1rem}.table-header{flex-direction:column;align-items:flex-start;gap:1rem}.table-actions input{width:100%}}