.dashboard-page{flex-direction:column;gap:1.5rem;display:flex}.dashboard-kpi-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.dashboard-kpi-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:flex-start;padding:1.25rem;display:flex}.dashboard-kpi-label{color:#64748b;font-size:.875rem;font-weight:500}.dashboard-kpi-value{color:#0f172a;margin-top:.25rem;font-size:1.875rem;font-weight:700}.dashboard-kpi-sub{color:#64748b;margin-top:.25rem;font-size:.75rem}.dashboard-kpi-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.dashboard-kpi-icon-blue{color:#2563eb;background-color:#eff6ff}.dashboard-kpi-icon-green{color:#059669;background-color:#ecfdf5}.dashboard-kpi-icon-purple{color:#7c3aed;background-color:#f5f3ff}.dashboard-kpi-icon-amber{color:#d97706;background-color:#fffbeb}.dashboard-mid-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:1024px){.dashboard-mid-grid{grid-template-columns:2fr 1fr}}.dashboard-progress-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem}.dashboard-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dashboard-card-title{color:#0f172a;font-size:.875rem;font-weight:600}.dashboard-card-subtitle{color:#64748b;margin-top:.125rem;font-size:.75rem}.dashboard-see-all{color:#f59e0b;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.dashboard-see-all:hover{opacity:.7}.dashboard-project-list{flex-direction:column;gap:.5rem;padding:.5rem 1rem .75rem;display:flex}.dashboard-project-row{border:1px solid #e2e8f0;border-radius:.5rem;padding:.625rem .75rem;text-decoration:none;transition:background-color .15s,border-color .15s;display:block}.dashboard-project-row:hover{background-color:#f8fafc;border-color:#cbd5e1}.dashboard-project-row-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.dashboard-project-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700;overflow:hidden}.dashboard-project-meta{color:#94a3b8;margin-top:.125rem;font-size:.6875rem}.dashboard-progress-row{align-items:center;gap:.5rem;display:flex}.dashboard-progress-track{background-color:#f1f5f9;border-radius:9999px;flex:1;height:.375rem;overflow:hidden}.dashboard-progress-fill{border-radius:9999px;height:.375rem;transition:width .3s}.dashboard-progress-label{color:#64748b;text-align:right;flex-shrink:0;width:2rem;font-size:.6875rem;font-weight:600}.dashboard-status-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;padding:1.25rem;display:flex}.dashboard-status-breakdown{border-top:1px solid #f1f5f9;flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.dashboard-status-breakdown-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.dashboard-status-breakdown-row{justify-content:space-between;align-items:center;display:flex}.dashboard-status-dot-label{align-items:center;gap:.5rem;display:flex}.dashboard-status-dot{border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem}.dashboard-status-breakdown-text{color:#475569;font-size:.75rem}.dashboard-status-breakdown-count{color:#1e293b;font-size:.75rem;font-weight:700}.dashboard-bottom-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.dashboard-bottom-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-tasks-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.dashboard-tasks-card-delayed{border-left:3px solid #dc2626}.dashboard-tasks-card-upcoming{border-left:3px solid #2563eb}.dashboard-task-row{border-bottom:1px solid #f8fafc;align-items:center;gap:1rem;padding:.75rem 1.25rem;transition:background-color .15s;display:flex}.dashboard-task-row:hover{background-color:#f8fafc}.dashboard-task-row:last-child{border-bottom:none}.dashboard-task-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.dashboard-task-icon-delayed{background-color:#fef2f2}.dashboard-task-icon-upcoming{background-color:#eff6ff}.dashboard-task-info{flex:1;min-width:0}.dashboard-task-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.dashboard-task-meta{color:#94a3b8;margin-top:.125rem;font-size:.75rem}.dashboard-task-badge{border-radius:9999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.dashboard-task-badge-delayed{color:#dc2626;background-color:#fef2f2}.dashboard-task-badge-upcoming{color:#2563eb;background-color:#eff6ff}.dashboard-empty-state{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 1.25rem;display:flex}.dashboard-empty-icon{border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;display:flex}.dashboard-empty-icon-green{background-color:#ecfdf5}.dashboard-empty-icon-blue{background-color:#eff6ff}.dashboard-empty-title{color:#334155;font-size:.875rem;font-weight:500}.dashboard-empty-sub{color:#94a3b8;margin-top:.25rem;font-size:.75rem}