.dashboard-shell { width: min(1040px, calc(100% - 32px)); margin: 40px auto; }
.dashboard-header { display: flex; align-items: baseline; gap: 16px; justify-content: space-between; }
.dashboard-header h1 { margin: 4px 0; font-size: clamp(2rem, 5vw, 3.5rem); }
.eyebrow { color: var(--cyan); letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
.dashboard-tabs, .dashboard-pagination { display: flex; gap: 16px; margin: 24px 0; align-items: center; flex-wrap: wrap; }
.dashboard-tabs a[aria-current="page"] { color: var(--cyan); font-weight: 700; }
.dashboard-search, .dashboard-panel { padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: rgba(15, 23, 42, .55); }
.dashboard-search { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; }
.dashboard-search label { display: grid; gap: 6px; flex: 1 1 280px; }
.dashboard-list { margin-top: 28px; }
.project-row { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.project-row h3 { margin: 0 0 8px; }.project-row p { margin: 0; color: var(--muted); }
.dashboard-empty, .dashboard-alert { padding: 24px; border: 1px dashed var(--line); border-radius: 14px; color: var(--muted); }
.dashboard-alert { color: #fecaca; border-style: solid; }
.dashboard-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; }
.dashboard-metrics article { padding: 18px; border: 1px solid var(--line); border-radius: 12px; }.dashboard-metrics strong, .dashboard-metrics span { display: block; }.dashboard-metrics strong { font-size: 1.5rem; }.dashboard-metrics span { color: var(--muted); margin-top: 4px; }
.dashboard-panel { margin-top: 20px; }.dashboard-panel form { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; margin: 12px 0; }.dashboard-panel label { display: grid; gap: 6px; flex: 1 1 260px; }
@media (max-width: 640px) { .dashboard-shell { width: min(100% - 24px, 1040px); margin: 24px auto; }.dashboard-header, .project-row { align-items: start; flex-direction: column; }.dashboard-metrics { grid-template-columns: 1fr; }.project-row > a { min-height: 44px; display: inline-flex; align-items: center; } }