.dashboard-page{padding:22px 24px 40px;background:var(--bg);min-height:100%}.dashboard-header-row{justify-content:space-between;gap:16px}.dashboard-filter,.dashboard-header-row{display:flex;align-items:flex-end;flex-wrap:wrap}.dashboard-filter{gap:12px}.dashboard-filter-field{display:flex;flex-direction:column;gap:5px}.dashboard-filter-field label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3)}.dashboard-filter-field input[type=date]{padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-paper);color:var(--fg);font-size:13px;font-family:inherit;transition:border-color .12s,box-shadow .12s,background-color .12s}.dashboard-filter-field input[type=date]:focus{outline:none;border-color:var(--brand-blue);background:var(--bg-paper);box-shadow:0 0 0 3px var(--accent-soft)}.dashboard-refresh-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-paper);color:var(--fg);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .12s,border-color .12s}.dashboard-refresh-btn:hover:not(:disabled){background:var(--bg-elev);border-color:var(--fg-3)}.dashboard-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard-refresh-icon{width:15px;height:15px}.dashboard-refresh-icon.spinning{animation:dashboard-refresh-spin .8s linear infinite}@keyframes dashboard-refresh-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-filter-clear{padding:8px 4px;border:none;background:none;color:var(--fg-3);font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.dashboard-filter-clear:hover{color:var(--fg)}@media (max-width:700px){.dashboard-filter{width:100%}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.dashboard-card{background:var(--bg-paper);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--fg);overflow:hidden}.dashboard-card h3{margin:0;padding:12px 18px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--title);background:var(--bg-paper)}.dashboard-card table{width:100%;border-collapse:collapse;font-size:13px}.dashboard-card thead th{padding:10px 18px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);background:var(--bg-elev);white-space:nowrap}.dashboard-card tbody td,.dashboard-card thead th{text-align:left;border-bottom:1px solid var(--line)}.dashboard-card tbody td{padding:12px 18px;color:var(--fg-2)}.dashboard-card tbody tr:last-child td{border-bottom:none}.dashboard-card tbody tr{transition:background-color .1s}.dashboard-card tbody tr:hover{background:var(--bg-elev)}.dashboard-error{padding:12px 18px;color:var(--neg-strong);background:var(--neg-soft);border-bottom:1px solid var(--line);font-size:13px}.status-pill{display:inline-flex;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;border-radius:999px;line-height:1.4;white-space:nowrap}.status-in-progress{background:var(--info-soft);color:var(--info)}.status-completed{background:var(--pos-soft);color:var(--pos-strong)}.status-pending{background:var(--warn-soft);color:var(--warn)}.status-neutral{background:var(--bg-elev);color:var(--fg-3)}@media (max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.dashboard-page{padding:0}.dashboard-header-row{flex-direction:column;align-items:stretch;gap:12px}.dashboard-filter{width:100%;gap:10px}.dashboard-filter-field{flex:1 1 140px;min-width:0}.dashboard-filter-field input[type=date]{width:100%}.dashboard-refresh-btn{flex:1 1 100%;justify-content:center}.dashboard-card table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.dashboard-card tbody td,.dashboard-card thead th{padding:10px 14px}}@media (max-width:700px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}