.dashboard-container{max-width:var(--dash-container-max);padding:var(--dash-container-padding);box-sizing:border-box;margin:0 auto}.dashboard-shell{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto}.dashboard-header{margin-bottom:var(--alo-space-8);justify-content:space-between;align-items:center;gap:var(--alo-space-6);display:flex}.dashboard-title{font-size:var(--alo-text-2xl);font-weight:var(--alo-weight-bold);color:var(--alo-color-text);margin:0}.dashboard-actions{gap:var(--alo-space-4);align-items:center;display:flex}.dashboard-grid{gap:var(--dash-grid-gap);grid-template-columns:1fr;display:grid}@media (width>=768px){.dashboard-grid{gap:var(--dash-grid-gap-lg);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1600px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.dash-span-1{grid-column:span 1}.dash-span-2{grid-column:span 2}.dash-span-3{grid-column:span 3}.dash-span-4{grid-column:span 4}.dash-span-full{grid-column:1/-1}@media (width<=767px){.dash-span-2,.dash-span-3,.dash-span-4{grid-column:span 1}}@media (width>=768px) and (width<=1023px){.dash-span-3,.dash-span-4{grid-column:span 2}}.dashboard-hero-card{box-sizing:border-box;width:100%}.dashboard-hero-card .card-body{gap:var(--alo-space-6);padding:var(--alo-space-6);background:linear-gradient(135deg,color-mix(in oklab,var(--alo-color-primary)14%,var(--alo-color-surface)86%),color-mix(in oklab,var(--alo-color-primary)6%,var(--alo-color-surface)94%));border:1px solid color-mix(in oklab,var(--alo-color-primary)12%,transparent);box-shadow:var(--alo-e3-shadow);flex-direction:column;display:flex}.dashboard-hero{gap:var(--alo-space-6);flex-direction:column;display:flex}.dashboard-hero-header{gap:var(--alo-space-4);flex-direction:column;display:flex}.dashboard-hero-copy{gap:var(--alo-space-2);flex-direction:column;display:flex}.dashboard-hero-subtitle{color:color-mix(in oklab,var(--alo-color-text)80%,transparent);font-size:var(--alo-text-base);max-width:48ch;margin:0}.dashboard-hero-actions{align-items:center;gap:var(--alo-space-3);flex-wrap:wrap;display:flex}.dashboard-hero-metrics{gap:var(--alo-space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.dashboard-hero-metric{gap:var(--alo-space-2);padding:var(--alo-space-4);border-radius:var(--alo-radius-md);background:color-mix(in oklab,var(--alo-color-surface)96%,var(--alo-color-primary)4%);box-shadow:var(--alo-e1-shadow);flex-direction:column;display:flex}.metric-label{font-size:var(--alo-text-xs);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--alo-color-text)70%,transparent);font-weight:var(--alo-weight-semibold)}.metric-value{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--alo-weight-bold);letter-spacing:-.01em;color:var(--alo-color-text)}.metric-trend{align-items:center;gap:var(--alo-space-2);display:inline-flex}@media (width>=1024px){.dashboard-hero-header{flex-direction:row;justify-content:space-between;align-items:center}.dashboard-hero-copy{flex:1}}.dashboard-stat-card{min-height:var(--dash-stat-card-height);flex-direction:column;justify-content:space-between;display:flex}.dashboard-chart-card{min-height:var(--dash-chart-card-min);flex-direction:column;display:flex}.dashboard-list-card{min-height:var(--dash-card-min-height);flex-direction:column;display:flex}.dashboard-list-card .card-body{flex:1;max-height:400px;overflow-y:auto}.dashboard-table-card{min-height:var(--dash-card-min-height)}.dashboard-pipeline-card .card-body{gap:var(--alo-space-4);padding:var(--alo-space-6);flex-direction:column;display:flex}.pipeline-list{gap:var(--alo-space-4);flex-direction:column;display:flex}.pipeline-item{gap:var(--alo-space-3);padding:var(--alo-space-3)var(--alo-space-4);border-radius:var(--alo-radius-md);background:color-mix(in oklab,var(--alo-color-surface)96%,var(--alo-color-primary)4%);border:1px solid color-mix(in oklab,var(--alo-color-primary)16%,transparent);flex-direction:column;display:flex}.pipeline-row{gap:var(--alo-space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.pipeline-stage{gap:var(--alo-space-2);flex-direction:column;display:flex}.pipeline-stage-name{font-size:var(--alo-text-base);font-weight:var(--alo-weight-semibold);color:var(--alo-color-text)}.pipeline-stage-metrics{gap:var(--alo-space-3);font-size:var(--alo-text-sm);color:color-mix(in oklab,var(--alo-color-text)70%,transparent);display:flex}.pipeline-stage-count,.pipeline-stage-amount{align-items:center;gap:var(--alo-space-1);display:inline-flex}.pipeline-stage-share{font-size:var(--alo-text-sm);font-weight:var(--alo-weight-semibold);color:var(--alo-color-primary)}.pipeline-bar{background:color-mix(in oklab,var(--alo-color-primary)18%,transparent);border-radius:var(--alo-radius-pill);width:100%;height:8px;position:relative;overflow:hidden}.pipeline-bar-fill{background:var(--alo-color-primary);border-radius:inherit;height:100%;transition:width var(--alo-dur-fast)var(--alo-ease-smooth);display:block}.dashboard-quick-actions-card .card-body{padding:var(--alo-space-6)}.quick-actions-grid{gap:var(--alo-space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.quick-action-item{align-items:center;gap:var(--alo-space-3);font-weight:var(--alo-weight-medium);justify-content:flex-start;width:100%;display:inline-flex}.quick-action-item span:first-child{font-size:1.1rem}.dashboard-card-header{margin-bottom:var(--alo-space-4);justify-content:space-between;align-items:center;display:flex}.dashboard-card-title{font-size:var(--dash-card-title);font-weight:var(--alo-weight-semibold);color:var(--alo-color-text);margin:0}.dashboard-card-icon{width:24px;height:24px;color:var(--alo-color-text-muted);flex-shrink:0}.dash-metric{font-size:var(--dash-metric-size);font-weight:var(--alo-weight-bold);line-height:var(--alo-leading-tight);color:var(--alo-color-text);letter-spacing:-.02em;margin:0}.dash-metric-small{font-size:var(--dash-metric-small);font-weight:var(--alo-weight-semibold);line-height:var(--alo-leading-tight);color:var(--alo-color-text);letter-spacing:-.01em;margin:0}.dash-metric-label{font-size:var(--alo-text-sm);color:var(--alo-color-text-muted);font-weight:var(--alo-weight-medium);text-transform:uppercase;letter-spacing:.05em;margin:0}.dash-metric-with-icon{align-items:center;gap:var(--alo-space-3);display:flex}.dash-trend{align-items:center;gap:var(--alo-space-2);font-size:var(--alo-text-sm);font-weight:var(--alo-weight-medium);line-height:1;display:inline-flex}.dash-trend.positive{color:var(--alo-success)}.dash-trend.negative{color:var(--alo-error)}.dash-trend.neutral{color:var(--alo-color-text-muted)}.dash-trend-icon{width:var(--dash-trend-icon);height:var(--dash-trend-icon)}.dash-trend-up:before{content:"↑";font-size:var(--alo-text-lg);line-height:1}.dash-trend-down:before{content:"↓";font-size:var(--alo-text-lg);line-height:1}.dash-trend-neutral:before{content:"→";font-size:var(--alo-text-lg);line-height:1}.dash-status-badge{width:var(--dash-badge-size);height:var(--dash-badge-size);border-radius:50%;flex-shrink:0;display:inline-block}.dash-status-badge.success{background:var(--alo-success)}.dash-status-badge.pending{background:var(--alo-warning)}.dash-status-badge.error{background:var(--alo-error)}.dash-status-badge.info{background:var(--alo-info)}.dash-status-text{align-items:center;gap:var(--alo-space-2);padding:var(--alo-space-2)var(--alo-space-3);border-radius:var(--alo-radius-sm);font-size:var(--alo-text-xs);font-weight:var(--alo-weight-medium);text-transform:uppercase;letter-spacing:.05em;display:inline-flex}.dash-status-text.success{background:var(--alo-success-bg);color:var(--alo-success)}.dash-status-text.pending{background:var(--alo-warning-bg);color:var(--alo-warning)}.dash-status-text.error{background:var(--alo-error-bg);color:var(--alo-error)}.dash-status-text.info{background:var(--alo-info-bg);color:var(--alo-info)}.dash-list-item{align-items:center;gap:var(--alo-space-4);padding:var(--alo-space-4);border-radius:var(--alo-radius-sm);transition:background-color var(--alo-dur-fast)var(--alo-ease-smooth);display:flex}.dash-list-item:hover{background:color-mix(in oklab,var(--alo-color-surface)95%,var(--alo-color-text)5%)}.dash-list-item-content{gap:var(--alo-space-1);flex-direction:column;flex:1;display:flex}.dash-list-item-title{font-size:var(--alo-text-base);font-weight:var(--alo-weight-medium);color:var(--alo-color-text);margin:0}.dash-list-item-subtitle{font-size:var(--alo-text-sm);color:var(--alo-color-text-muted);margin:0}.dash-list-item-meta{font-size:var(--alo-text-xs);color:var(--alo-color-muted);flex-shrink:0}.dash-sparkline{width:100%;height:40px;margin-top:var(--alo-space-2)}.dash-sparkline-sm{width:60px;height:24px}.dash-filters{gap:var(--alo-space-3);flex-wrap:wrap;align-items:center;display:flex}.dash-time-selector{gap:var(--alo-space-2);padding:var(--alo-space-1);background:var(--alo-color-bg-secondary);border-radius:var(--alo-radius-sm);display:flex}.dash-time-option{padding:var(--alo-space-2)var(--alo-space-4);border-radius:var(--alo-radius-xs);font-size:var(--alo-text-sm);font-weight:var(--alo-weight-medium);color:var(--alo-color-text-muted);cursor:pointer;transition:all var(--alo-dur-fast)var(--alo-ease-smooth);background:0 0;border:none}.dash-time-option:hover{color:var(--alo-color-text);background:var(--alo-color-bg-tertiary)}.dash-time-option.active{color:var(--alo-color-text);background:var(--alo-color-surface);box-shadow:var(--alo-e1-shadow)}@media (width<=767px){.dash-hide-mobile{display:none!important}}@media (width>=768px) and (width<=1023px){.dash-hide-tablet{display:none!important}}@media (width>=1024px){.dash-hide-desktop{display:none!important}}.dash-mobile-only{display:block}@media (width>=768px){.dash-mobile-only{display:none!important}}@media (prefers-reduced-motion:reduce){.dash-list-item,.dash-time-option{transition:none}}@media (prefers-contrast:high){.dash-status-badge{border:2px solid}.dashboard-card-header{border-bottom:1px solid var(--alo-color-border);padding-bottom:var(--alo-space-3)}}