.dashboard-preview{background:var(--card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 2px #0a25400f,0 1px 3px #0a25401a}.dashboard-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.dashboard-title-group{flex-direction:column;gap:.25rem;display:flex}.dashboard-title{color:var(--foreground);margin:0;font-size:1.25rem;font-weight:600}.dashboard-period{color:var(--muted-foreground);font-size:.875rem}.dashboard-range-selector{background:var(--color-surface-alt);border-radius:var(--radius-sm);gap:.25rem;padding:.25rem;display:flex}.dashboard-range-btn{border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s}.dashboard-range-btn:hover{color:var(--foreground)}.dashboard-range-btn:focus{outline:2px solid var(--color-brand-600);outline-offset:1px}.dashboard-range-btn.active{background:var(--card);color:var(--foreground);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{background:var(--card);flex-direction:column;gap:.25rem;padding:1.25rem 1rem;display:flex}.dashboard-metric-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:500}.dashboard-metric-value{color:var(--foreground);font-size:1.5rem;font-weight:700;line-height:1.2}.dashboard-metric-comparison{align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;display:inline-flex}.dashboard-metric-comparison.positive{color:#047857}.dashboard-metric-comparison.negative{color:#dc2626}.dashboard-metric-arrow{font-size:.75rem;font-weight:700}.dashboard-chart-container{min-height:320px;padding:1.5rem}.dashboard-footer{border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.dashboard-footer-note{color:var(--muted-foreground);font-size:.8125rem}.dashboard-footer-actions{gap:.5rem;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:.5rem}.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;max-width:400px;padding:2rem}.dashboard-error-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem;font-weight:700;display:inline-flex}.dashboard-error-title{color:var(--foreground);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.dashboard-error-message{color:var(--muted-foreground);margin:0 0 1rem;font-size:.9rem}.dashboard-error-retry{margin-top:.5rem}@media (max-width:900px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dashboard-header{flex-direction:column;align-items:flex-start;width:100%;padding:1rem}.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{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem}.dashboard-metric-value{font-size:1.25rem}.dashboard-chart-container{min-height:250px;padding:1rem}.dashboard-footer{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.dashboard-footer-actions,.dashboard-footer-actions button{width:100%}}