.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:24px;display:grid}.secondary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-card{flex-direction:column;gap:12px;display:flex}.small-card{gap:8px;padding:16px}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-header h3{color:var(--text-light);font-size:14px;font-weight:500}.small-card .stat-header h3{font-size:12px}.icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.small-card .icon-wrapper{border-radius:8px;width:32px;height:32px}.bg-blue-light{background:#1b83ee1a}.bg-orange-light{background:#fb651a1a}.bg-red-light{background:#ef44441a}.bg-green-light{background:#22c55e1a}.bg-purple-light{background:#a855f71a}.bg-yellow-light{background:#eab3081a}.bg-gray-light{background:#64748b1a}.text-red{color:#ef4444}.text-green{color:#22c55e}.text-purple{color:#a855f7}.text-yellow{color:#eab308}.text-gray{color:#64748b}.stat-value{color:var(--text-dark);font-size:28px;font-weight:700}.small-value{font-size:20px}.stat-change{font-size:13px;font-weight:500}.positive{color:#22c55e}.negative{color:#ef4444}.neutral{color:var(--text-light)}.dashboard-charts{grid-template-columns:2fr 1fr;gap:24px;display:grid}.chart-main h3,.list-main h3{color:var(--text-dark);margin-bottom:20px;font-size:18px;font-weight:600}.placeholder-chart{border:1px dashed var(--glass-border);height:300px;color:var(--text-light);background:#00000005;border-radius:12px;justify-content:center;align-items:center;display:flex}.os-list{flex-direction:column;gap:16px;display:flex}.os-item{background:#ffffff80;border:1px solid #fff6;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.os-info{flex-direction:column;display:flex}.os-info strong{color:var(--text-dark);font-size:14px}.os-info span{color:var(--text-light);font-size:12px}.badge-status{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.badge-status.in-progress{color:var(--color-blue);background:#1b83ee1a}.badge-status.pending{color:var(--color-orange);background:#fb651a1a}.badge-status.done{color:#22c55e;background:#22c55e1a}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.secondary-grid{grid-template-columns:1fr 1fr}.dashboard-charts{grid-template-columns:1fr;gap:16px}}