.dashboard-container{padding-bottom:1.5rem;width:100%;max-width:1200px;margin:auto;display:flex;flex-direction:column;gap:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.overview{font-size:20px;font-weight:700}.range-inputs{display:flex;align-items:center;gap:.5rem}.date-label{font-size:12px;font-weight:600}.range{font-size:12px;padding:.25rem .5rem;color:var(--secondary-text-color);border:1px solid #e5e7eb;border-radius:4px;transition:all .2s ease}.range:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.summary-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.summary-group{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.dash-card{background-color:var(--foreground-color);padding:1.5rem;border-radius:12px;flex:1;box-shadow:0 4px 6px rgba(0,0,0,.07);font-weight:500;display:flex;align-items:center;justify-content:space-between;text-align:left;position:relative;transition:all .3s ease;cursor:pointer;border-left:4px solid transparent;min-height:80px}.dash-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.dash-card-content{display:flex;align-items:center;gap:.75rem}.dash-card-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.dash-card:hover .dash-card-icon{transform:scale(1.1)}.dash-card-title{font-size:14px;font-weight:600;color:#6b7280;margin:0}.dash-card span{font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:20px;min-width:60px;text-align:center;transition:transform .3s ease}.dash-card:hover span{transform:scale(1.05)}.dash-card span b,.dash-card span strong{font-size:1.25rem;font-weight:700}.dash-card.low-stocks{border-left-color:#f59e0b}.dash-card.low-stocks:hover{background-color:#fef3e2}.dash-card.low-stocks .dash-card-icon{background-color:#fef3e2;color:#d97706}.dash-card.low-stocks span{color:#d97706}.dash-card.out-of-stock{border-left-color:#ef4444}.dash-card.out-of-stock:hover{background-color:#fef2f2}.dash-card.out-of-stock .dash-card-icon{background-color:#fef2f2;color:#dc2626}.dash-card.out-of-stock span{color:#dc2626}.dash-card.on-order{border-left-color:#3b82f6}.dash-card.on-order:hover{background-color:#eff6ff}.dash-card.on-order .dash-card-icon{background-color:#eff6ff;color:#2563eb}.dash-card.on-order span{color:#2563eb}.dash-card.unreturned{border-left-color:#8b5cf6}.dash-card.unreturned:hover{background-color:#f5f3ff}.dash-card.unreturned .dash-card-icon{background-color:#f5f3ff;color:#7c3aed}.dash-card.unreturned span{color:#7c3aed}.dash-card:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:0;background:linear-gradient(90deg,currentColor,currentColor);transition:width .5s ease;border-radius:0 0 12px 12px}.dash-card.low-stocks:after{background:linear-gradient(90deg,#f59e0b,#d97706)}.dash-card.out-of-stock:after{background:linear-gradient(90deg,#ef4444,#dc2626)}.dash-card.on-order:after{background:linear-gradient(90deg,#3b82f6,#2563eb)}.dash-card.unreturned:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.dash-card:hover:after{width:100%}.dash-card-icon svg{width:20px;height:20px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-box{background-color:var(--foreground-color);padding:1rem;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);min-height:300px;display:flex;flex-direction:column}.chart-box h3{margin-bottom:1rem;font-size:16px}.placeholder{flex:1;width:100%;height:100%;min-height:250px;display:flex;align-items:center;justify-content:center}@media (max-width:600px){.dashboard-header{align-items:flex-start}.dashboard-header,.summary-group{flex-direction:column}.charts-grid,.summary-groups{grid-template-columns:1fr}.dash-card{padding:1.25rem;min-height:70px}.dash-card span{font-size:1.75rem;padding:.4rem .8rem}.dash-card-icon{width:35px;height:35px}.dash-card-icon svg{width:18px;height:18px}}.fuel-dashboard{min-height:100vh;background-color:var(--foreground-color);padding:1.5rem;border-radius:8px}.fuel-dashboard-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.fuel-header{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1);padding:1.5rem;border:1px solid #f1f5f9}.fuel-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.fuel-header-left{display:flex;align-items:center;gap:.75rem}.fuel-header-icon{padding:.75rem;background:#dbeafe;border-radius:.75rem}.fuel-header-text h1{font-size:1.875rem;font-weight:700;color:#111827}.fuel-header-text p{color:#4b5563}.fuel-header-right{text-align:right}.data-quality{padding:3px 10px;border-radius:9999px;font-size:.875rem;font-weight:500;display:block}.data-quality.good{background:#dcfce7;color:#166534}.data-quality.fair{background:#fef9c3;color:#854d0e}.data-quality.poor{background:#fee2e2;color:#991b1b}.controls-panel{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1);padding:1.5rem;border:1px solid #f1f5f9}.controls-content{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.control-group{display:flex;align-items:center;gap:.75rem}.control-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;outline:none;transition:all .2s}.control-select:focus{border-color:transparent;box-shadow:0 0 0 2px #3b82f6}.compare-button{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s}.compare-button.active{background:#9333ea;color:white;box-shadow:0 4px 6px -1px rgb(0 0 0/.1)}.compare-button:not(.active){background:#f3f4f6;color:#374151}.compare-button:not(.active):hover{background:#e5e7eb}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.kpi-card{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1);padding:1.5rem;border:1px solid #f1f5f9}.kpi-content{display:flex;align-items:center;justify-content:space-between}.kpi-icon{padding:.75rem;border-radius:.75rem}.kpi-icon.blue{background:#dbeafe;color:#2563eb}.kpi-icon.green{background:#dcfce7;color:#16a34a}.kpi-icon.purple{background:#f3e8ff;color:#9333ea}.kpi-icon.orange{background:#ffedd5;color:#ea580c}.chart-container{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1);padding:1.5rem;border:1px solid #f1f5f9}.chart-header{justify-content:space-between;margin-bottom:1.5rem}.chart-header,.chart-legend{display:flex;align-items:center}.chart-legend{gap:1rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:.75rem;height:.75rem;border-radius:9999px}.chart-wrapper{height:24rem}.model-info{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1);padding:1.5rem;border:1px solid #f1f5f9}.model-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border-radius:.75rem}.reliability-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.reliability-badge.high{background:#dcfce7;color:#166534}.reliability-badge.medium{background:#fef9c3;color:#854d0e}.reliability-badge.low{background:#fee2e2;color:#991b1b}.recommendation-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#eff6ff;border-radius:.5rem}.method-comparison{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1);padding:1.5rem;border:1px solid #f1f5f9}.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.method-card{padding:1rem;border-radius:.75rem;border-width:2px}.method-card.blue{background:#eff6ff;border-color:#bfdbfe}.method-card.green{background:#f0fdf4;border-color:#bbf7d0}.method-card.purple{background:#faf5ff;border-color:#e9d5ff}@media (max-width:768px){.fuel-dashboard{padding:1rem}.fuel-header-content{flex-direction:column;align-items:flex-start}.fuel-header-right{text-align:left}.controls-content{flex-direction:column;align-items:stretch}.control-group,.control-select{width:100%}.chart-wrapper{height:20rem}}@media (max-width:480px){.kpi-grid,.method-grid,.model-grid{grid-template-columns:1fr}.chart-wrapper{height:16rem}}