.dashboard-preview{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden}.dashboard-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-title-group{gap:var(--space-1);flex-direction:column;display:flex}.dashboard-title{color:var(--color-ink);margin:0;font-size:1.25rem;font-weight:600}.dashboard-period{color:var(--color-muted);font-size:.875rem}.dashboard-range-selector{gap:var(--space-1);background:var(--color-surface-alt);padding:var(--space-1);border-radius:var(--radius-sm);display:flex}.dashboard-range-btn{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s}.dashboard-range-btn:hover{color:var(--color-ink)}.dashboard-range-btn:focus{outline:2px solid var(--color-brand);outline-offset:1px}.dashboard-range-btn.active{background:var(--color-elevated);color:var(--color-ink);box-shadow:0 1px 3px #0000001a}.dashboard-metrics-grid{background:var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.dashboard-metric-card{gap:var(--space-1);padding:var(--space-5)var(--space-4);background:var(--color-elevated);flex-direction:column;display:flex}.dashboard-metric-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:500}.dashboard-metric-value{color:var(--color-ink);font-size:1.5rem;font-weight:700;line-height:1.2}.dashboard-metric-comparison{align-items:center;gap:var(--space-1);font-size:.8125rem;font-weight:500;display:inline-flex}.dashboard-metric-comparison.positive{color:#059669}.dashboard-metric-comparison.negative{color:#dc2626}.dashboard-metric-arrow{font-size:.75rem;font-weight:700}.dashboard-chart-container{padding:var(--space-6);min-height:320px}.dashboard-footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.dashboard-footer-note{color:var(--color-muted);font-size:.8125rem}.dashboard-footer-actions{gap:var(--space-2);display:flex}.dashboard-export-btn{font-size:.8125rem}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.dashboard-shimmer{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-border)50%,var(--color-surface)100%);border-radius:var(--radius-sm);background-size:200px 100%;animation:1.5s ease-in-out infinite shimmer}.dashboard-shimmer--title{width:180px;height:24px}.dashboard-shimmer--subtitle{width:100px;height:16px}.dashboard-shimmer--range{width:160px;height:36px}.dashboard-shimmer--label{width:80px;height:14px}.dashboard-shimmer--value{width:100px;height:28px;margin-top:var(--space-2)}.dashboard-shimmer--chart{width:100%;height:300px}.dashboard-shimmer--note{width:150px;height:14px}.dashboard-preview--error{justify-content:center;align-items:center;min-height:400px;display:flex}.dashboard-error{text-align:center;padding:var(--space-8);max-width:400px}.dashboard-error-icon{color:#dc2626;width:48px;height:48px;margin-bottom:var(--space-4);background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:inline-flex}.dashboard-error-title{color:var(--color-ink);margin:0 0 var(--space-2);font-size:1.125rem;font-weight:600}.dashboard-error-message{color:var(--color-muted);margin:0 0 var(--space-4);font-size:.9rem}.dashboard-error-retry{margin-top:var(--space-2)}@media (max-width:900px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dashboard-header{padding:var(--space-4);flex-direction:column;align-items:flex-start;width:100%}.dashboard-range-selector{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow-x:auto}.dashboard-range-selector::-webkit-scrollbar{display:none}.dashboard-metrics-grid{grid-template-columns:1fr}.dashboard-metric-card{padding:var(--space-4);flex-direction:row;justify-content:space-between;align-items:center}.dashboard-metric-value{font-size:1.25rem}.dashboard-chart-container{padding:var(--space-4);min-height:250px}.dashboard-footer{padding:var(--space-4);align-items:flex-start;gap:var(--space-3);flex-direction:column}.dashboard-footer-actions,.dashboard-footer-actions button{width:100%}}