.dashboard-container{width:100%;box-sizing:border-box;.dashboard-header{margin-bottom:2.5rem}.dashboard-title{font-size:2.5rem;font-weight:800;color:#1e293b;letter-spacing:-.025em;margin:0}.dashboard-subtitle{color:#64748b;font-size:1.125rem;margin-top:.5rem}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.dashboard-kpi-card{background:white;border-radius:20px;padding:1.75rem;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.03);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.dashboard-kpi-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.08);border-color:rgba(10,150,212,.2)}.kpi-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.kpi-card-label{font-size:.875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.kpi-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#0A96D4;transition:all .3s}.dashboard-kpi-card:hover .kpi-card-icon{background:#0A96D4;color:white}.kpi-card-value{font-size:2.25rem;font-weight:800;color:#1e293b;margin:0}.kpi-card-trend{font-size:.8125rem;font-weight:600;margin-top:.5rem;display:flex;align-items:center;gap:4px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2.5rem;width:100%;max-width:100%}.dashboard-chart-card{background:white;border-radius:24px;padding:2rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 24px rgba(0,0,0,.02);min-width:0}.chart-card-header{justify-content:space-between;gap:1rem;margin-bottom:2rem}.chart-card-header,.chart-filters-container{display:flex;flex-wrap:wrap;align-items:center}.chart-filters-container{justify-content:flex-end;gap:.5rem}.custom-date-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;animation:fadeIn .3s ease-out}.date-input-field{width:105px;padding:.25rem .375rem;font-weight:500;border:1px solid #e2e8f0;border-radius:.375rem}.date-input-field,.filter-select{font-size:.75rem;background-color:#f8fafc;color:#475569;outline:none}.filter-select{width:auto;padding:.25rem .5rem;font-weight:600;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.filter-select:hover{background-color:#f1f5f9}.chart-card-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0}.chart-wrapper{position:relative;height:350px;width:100%}.pie-chart-wrapper{position:relative;width:100%;height:380px}.dashboard-side-grid{display:flex;flex-direction:column;gap:1.5rem;min-width:0;width:100%}.mini-widget-card{background:white;border-radius:24px;padding:1.5rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 24px rgba(0,0,0,.02);min-width:0}.activity-feed{display:flex;flex-direction:column;gap:1.25rem}.activity-item{display:flex;gap:1rem;position:relative}.activity-item:before{content:"";position:absolute;left:17px;top:36px;bottom:-20px;width:2px;background:#f1f5f9}.activity-item:last-child:before{display:none}.activity-icon{width:36px;height:36px;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:1;flex-shrink:0;border:2px solid white;box-shadow:0 2px 8px rgba(0,0,0,.05)}.activity-content{padding-top:4px}.activity-text{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0}.activity-time{font-size:.8125rem;color:#94a3b8;font-weight:500;margin-top:4px;display:block}.low-stock-list{display:flex;flex-direction:column;gap:1rem}.low-stock-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff5f5;border-radius:12px;border-left:4px solid #ef4444}.low-stock-info span{display:block;font-size:.875rem;font-weight:700;color:#1e293b}.low-stock-info small{font-size:.75rem;color:#ef4444;font-weight:600}.download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.download-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.download-btn:active{transform:translateY(0)}.low-stock-badge{background:#ef4444;color:white;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:800;cursor:pointer;transition:background-color .2s,transform .1s;border:none}.low-stock-badge:hover{background:#dc2626;transform:translateY(-1px)}.low-stock-badge:active{transform:translateY(0)}@media (max-width:1200px){.dashboard-main-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:0;margin:0;width:100%;overflow-x:hidden}.dashboard-title{font-size:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-chart-card{padding:1.25rem}.chart-filters-container{width:100%;justify-content:flex-start}.custom-date-filters{width:100%;justify-content:space-between}.date-input-field{flex:1;min-width:0}.pie-chart-wrapper{height:300px}}}