.dashboard-v2-canvas{padding:80px 24px 32px;background:#F1F5F9;min-height:100vh;display:flex;flex-direction:column;gap:20px}.dashboard-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:16px}.dashboard-v2-title{display:flex;flex-direction:column}.dashboard-v2-title h1{font-size:24px;font-weight:700;color:#0F172A;margin:0}.dashboard-v2-title p{font-size:14px;color:#64748B;margin:4px 0 0;font-weight:600}.dashboard-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dash-filter-group{display:flex;align-items:center;gap:8px;background:white;padding:4px 12px;border-radius:8px;border:1px solid #cbd5e1}.dash-filter-group input,.dash-filter-group select{border:none;background:transparent;font-size:14px;font-weight:600;color:#334155;outline:none}.btn-update{background:#2D6CDF;color:white;border:none;border-radius:8px;padding:8px 16px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:.2s ease}.btn-update:hover{background:#1E40AF}.status-badges{display:flex;gap:16px;font-size:13px;font-weight:600}.status-badge{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot.green{background:#10B981}.dot.red{background:#EF4444}.dashboard-panel{background:white;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);padding:16px;border:1px solid #e2e8f0}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header h4{font-size:15px;font-weight:700;color:#0F172A;margin:0}.border-bottom{padding-bottom:12px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.btn-link{background:none;border:none;color:#2D6CDF;font-size:13px;font-weight:600;cursor:pointer}.flex-col{display:flex;flex-direction:column}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.kpi-panel{background:white;border-radius:12px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.02);display:flex;flex-direction:column;justify-content:space-between}.kpi-title{font-size:13px;font-weight:700;color:#0F172A;margin:0 0 12px}.kpi-content{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.kpi-values h2{font-size:1.8rem;font-weight:700;color:#0F172A;margin:0 0 4px}.kpi-footer-link{font-size:12px;color:#64748B;margin:0;border-top:1px solid #f1f5f9;padding-top:12px;cursor:pointer;transition:color .2s}.kpi-footer-link:hover{color:#2D6CDF}.kpi-warning{background:#FEF3C7;border-color:#FDE68A}.text-warning{color:#B45309!important}.border-warning{border-color:#FDE68A!important}.middle-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:20px;gap:20px}@media(max-width:1024px){.middle-grid{grid-template-columns:1fr}}.table-wrapper{overflow-x:auto}.dt-table{width:100%;border-collapse:collapse;min-width:700px}.dt-table td,.dt-table th{padding:12px 10px;text-align:left;font-size:13px;border-bottom:1px solid #f1f5f9}.dt-table th{color:#64748B;font-weight:600;white-space:nowrap;text-transform:none}.dt-table td{color:#334155;font-weight:500}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.yellow{background:#F59E0B}.status-dot.gray{background:#94A3B8}.alerts-body{display:flex;flex-direction:column;gap:12px}.alert-group{padding:12px;border-radius:8px;border-left:4px solid}.alert-group h5{margin:0 0 8px;font-size:12px;text-transform:uppercase;font-weight:700}.alert-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.alert-group li{display:flex;gap:8px;align-items:flex-start}.alert-msg{font-size:13px;font-weight:600;display:block}.alert-detail{font-size:12px;display:block;margin-top:2px}.red-bg{background:#FEF2F2;border-left-color:#EF4444}.red-bg h5{color:#B91C1C}.red-bg .alert-msg{color:#991B1B}.red-bg .alert-detail{color:#DC2626}.red-bg .material-icons{color:#EF4444;font-size:18px}.yellow-bg{background:#FEFCE8;border-left-color:#F59E0B}.yellow-bg h5{color:#A16207}.yellow-bg .alert-msg{color:#854D0E}.yellow-bg .alert-detail{color:#CA8A04}.yellow-bg .material-icons{color:#F59E0B;font-size:18px}.blue-bg{background:#EFF6FF;border-left-color:#3B82F6}.blue-bg h5{color:#1D4ED8}.blue-bg .alert-msg{color:#1E40AF}.blue-bg .alert-detail{color:#2563EB}.blue-bg .material-icons{color:#3B82F6;font-size:18px}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media(max-width:1024px){.dashboard-summary-grid{grid-template-columns:1fr}}.credit-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.credit-item{display:flex;flex-direction:column}.credit-item .label{font-size:12px;color:#64748B;font-weight:600;margin-bottom:4px}.credit-item .value{font-size:18px;font-weight:700;color:#0F172A}.inventory-boxes{gap:10px}.inv-box,.inventory-boxes{display:flex;flex-direction:column}.inv-box{padding:10px 12px;border-radius:8px;border:1px solid transparent}.inv-box.low-stock{background:#FEF2F2;border-color:#FECACA}.inv-box.top-sell{background:#FEFCE8;border-color:#FEF08A}.inv-box.risk-out{background:#EFF6FF;border-color:#BFDBFE}.inv-label{font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:2px;color:#475569}.inv-val{font-size:14px;font-weight:600;color:#0F172A}.top-prods-list{display:flex;flex-direction:column;gap:12px}.top-prod-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.top-prod-item:last-child{border:none;padding-bottom:0}.tp-left{color:#334155}.tp-right{color:#64748B;font-weight:600}.timeline-body{max-height:250px;overflow-y:auto}.timeline-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:16px;align-items:center}.tl-time{width:45px;font-size:12px;font-weight:600;color:#64748B;text-align:right}.tl-icon-wrap{width:32px;height:32px;border-radius:8px;display:flex;justify-content:center;align-items:center}.tl-desc{font-size:14px;color:#0F172A;font-weight:500}