.dashboard-page{--dashboard-line:color-mix(in oklch, var(--color-outline-variant) 55%, transparent);gap:clamp(1.5rem,4vw,2.5rem)}.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;width:100%;display:grid}.dashboard-metric,.dashboard-candidates,.dashboard-error{border:1px solid var(--dashboard-line);background:color-mix(in oklch, var(--color-surface) 88%, transparent);border-radius:.85rem}.dashboard-metric{flex-direction:column;justify-content:space-between;min-height:8.5rem;padding:clamp(1rem,3vw,1.4rem);display:flex}.dashboard-metric>p:first-child,.dashboard-section-heading p,.dashboard-filter>span{color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:700}.dashboard-metric h4{color:var(--color-on-surface-variant);font-size:.72rem;font-weight:650}.dashboard-metric--skills>div{flex-wrap:wrap;gap:.35rem;display:flex}.dashboard-metric--skills>div span{border:1px solid var(--dashboard-line);color:var(--color-primary);border-radius:.45rem;padding:.3rem .5rem;font-size:.65rem}.dashboard-error{border-color:color-mix(in oklch, var(--color-error) 35%, transparent);background:color-mix(in oklch, var(--color-error) 8%, transparent);width:100%;color:var(--color-error);align-items:flex-start;gap:.8rem;padding:1rem;display:flex}.dashboard-error>div{flex:1}.dashboard-error strong{font-size:.78rem;display:block}.dashboard-error p{margin-top:.2rem;font-size:.75rem;line-height:1.55}.dashboard-error button{min-width:2.75rem;min-height:2.75rem}.dashboard-candidates{width:100%;padding:clamp(1rem,3vw,1.8rem)}.dashboard-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.3rem;display:flex}.dashboard-section-heading h2{color:var(--color-primary);font-family:var(--font-headline);margin-top:.3rem;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:750}.dashboard-section-heading>span{border:1px solid var(--dashboard-line);color:var(--color-on-surface-variant);white-space:nowrap;border-radius:999px;padding:.35rem .6rem;font-size:.65rem}.dashboard-section-actions{align-items:center;gap:.45rem;display:flex}.dashboard-section-actions>span{border:1px solid var(--dashboard-line);color:var(--color-on-surface-variant);white-space:nowrap;border-radius:999px;padding:.35rem .6rem;font-size:.65rem}.dashboard-section-actions button{border:1px solid var(--dashboard-line);width:2.25rem;height:2.25rem;color:var(--color-on-surface-variant);border-radius:50%;place-items:center;display:grid}.dashboard-section-actions button:disabled{opacity:.55;cursor:wait}.dashboard-filter-bar{border-bottom:1px solid var(--dashboard-line);grid-template-columns:minmax(12rem,1fr) 8rem 9rem auto auto;align-items:end;gap:.55rem;margin-bottom:1rem;padding-bottom:1rem;display:grid}.dashboard-filter{flex-direction:column;gap:.45rem;display:flex}.dashboard-filter input,.dashboard-filter select,.dashboard-sort-direction{border:1px solid var(--dashboard-line);background:color-mix(in oklch, var(--color-surface-container-low) 82%, transparent);min-height:2.8rem;color:var(--color-primary);border-radius:.65rem;outline:none;padding:.65rem .75rem;font-size:.72rem}.dashboard-filter input:focus,.dashboard-filter select:focus{border-color:color-mix(in oklch, var(--color-secondary) 65%, transparent)}.dashboard-sort-direction{min-width:2.8rem;color:var(--color-on-surface-variant);justify-content:center;align-items:center;display:flex}.dashboard-clear-filters{min-height:2.8rem;color:var(--color-secondary);font-size:.7rem;font-weight:750}.dashboard-table-wrap{border:1px solid var(--dashboard-line);border-radius:.75rem;overflow:hidden}.dashboard-table-wrap table{border-collapse:collapse;text-align:left;width:100%}.dashboard-table-wrap thead tr{border-bottom:1px solid var(--dashboard-line);color:var(--color-primary);font-family:var(--font-headline);font-size:.72rem}.dashboard-table-wrap tbody{color:var(--color-on-surface-variant);font-size:.75rem}.dashboard-table-wrap tbody tr{border-bottom:1px solid var(--dashboard-line);transition:background-color .18s}.dashboard-table-wrap tbody tr:hover{background:color-mix(in oklch, var(--color-surface-container-low) 80%, transparent)}.dashboard-mobile-list{display:none}.dashboard-table-state{color:var(--color-on-surface-variant);text-align:center;padding:2.5rem 1rem;font-size:.75rem}@media (width<=760px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-metric{min-height:7rem}.dashboard-section-heading{flex-direction:column;align-items:stretch}.dashboard-section-actions{align-self:flex-start}.dashboard-filter-bar{grid-template-columns:1fr 1fr}.dashboard-filter--role,.dashboard-clear-filters{grid-column:1/-1}.dashboard-table-wrap{display:none}.dashboard-mobile-list{flex-direction:column;gap:.55rem;display:flex}.dashboard-candidate-card{border:1px solid var(--dashboard-line);background:color-mix(in oklch, var(--color-surface-container-low) 76%, transparent);border-radius:.7rem;align-items:center;gap:.8rem;padding:.8rem;display:flex}}
