.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.card-title{font-size:var(--text-md);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary)}.card-header-right{display:flex;align-items:center;gap:var(--space-sm)}.card-content{width:100%}.badge{display:inline-flex;align-items:center;padding:var(--badge-padding);border-radius:var(--badge-radius);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.badge--default{background:var(--badge-bg);color:var(--badge-color)}.badge--success{background:#22c55e33;color:var(--color-success)}.badge--warning{background:#eab30833;color:var(--color-warning)}.badge--danger{background:#ef444433;color:var(--color-danger)}.badge--info{background:#3b82f633;color:var(--color-info)}.badge--purple{background:#a855f733;color:var(--color-purple)}.stat-card{text-align:center;padding:var(--space-xl);background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius)}.stat-card--accent{background:linear-gradient(135deg,var(--color-accent-dim) 0%,transparent 100%);border-color:var(--color-accent)}.stat-value{font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.stat-card--accent .stat-value{color:var(--color-accent)}.stat-label{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.stat-sublabel{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.insight-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:border-color var(--transition-normal),transform var(--transition-normal)}.insight-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.insight-card--highlighted{border-color:var(--color-accent);border-width:2px}.insight-icon{font-size:var(--text-2xl);margin-bottom:var(--space-md)}.insight-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.insight-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-normal)}.quote-card{background:var(--color-bg-tertiary);border-left:3px solid var(--color-accent);padding:var(--space-xl) var(--space-2xl);border-radius:0 var(--radius-xl) var(--radius-xl) 0}.quote-text{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;color:var(--color-text-primary);line-height:var(--leading-normal);margin-bottom:var(--space-md)}.quote-author{font-size:var(--text-base);color:var(--color-text-tertiary)}.bar-row{display:grid;grid-template-columns:140px 1fr 50px;align-items:center;gap:var(--space-lg)}.bar-label{display:flex;flex-direction:column;gap:2px}.bar-name{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-primary)}.bar-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.bar-container{height:var(--bar-height);background:var(--color-bg-tertiary);border-radius:var(--bar-radius);position:relative;overflow:hidden}.bar-fill{height:100%;background:var(--color-accent);border-radius:var(--bar-radius);transition:width var(--transition-slow) var(--easing-default)}.bar-value{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.bar-percent{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-align:right}@media(max-width:768px){.bar-row{grid-template-columns:100px 1fr 40px}}.bar-chart{display:flex;flex-direction:column;gap:var(--space-lg)}.legend-item{display:flex;align-items:center;gap:10px}.legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-text{font-size:var(--text-md);color:var(--color-text-secondary);flex:1}.legend-value{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.donut-wrapper{display:flex;align-items:center;gap:var(--space-3xl)}.donut-chart{flex-shrink:0}.donut-legend{display:flex;flex-direction:column;gap:var(--space-md)}@media(max-width:768px){.donut-wrapper{flex-direction:column}}.importance-matrix{display:flex;flex-direction:column;gap:var(--space-lg)}.matrix-row{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:var(--space-lg)}.matrix-label{font-size:var(--text-base);color:var(--color-text-secondary)}.matrix-bar-container{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.matrix-bar{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,#fb923c 100%);border-radius:var(--radius-sm);transition:width var(--transition-slow) var(--easing-default)}.matrix-score{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-accent)}.insights-grid{display:grid;grid-template-columns:repeat(var(--insights-columns, 5),1fr);gap:var(--space-lg)}@media(max-width:1200px){.insights-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.insights-grid{grid-template-columns:1fr}}.cross-table{display:flex;flex-direction:column;gap:2px}.cross-header,.cross-row{display:grid;grid-template-columns:120px repeat(auto-fit,minmax(80px,1fr));gap:2px}.cross-col-label{padding:10px var(--space-sm);text-align:center;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cross-row-label{padding:var(--space-md) var(--space-sm);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary);display:flex;align-items:center}.heatmap-cell{padding:var(--space-md) var(--space-sm);text-align:center;font-size:var(--text-lg);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:transform var(--transition-fast)}.heatmap-cell:hover{transform:scale(1.05)}.heatmap-cell--high{background:var(--color-accent);color:#000}.heatmap-cell--medium{background:var(--color-accent-dim);color:var(--color-text-primary)}.heatmap-cell--low{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.heatmap-cell--empty{background:transparent;color:var(--color-text-tertiary)}.comparison-container{display:flex;flex-direction:column;gap:var(--space-lg)}.comparison-bar-wrapper{display:grid;grid-template-columns:100px 1fr 80px;align-items:center;gap:var(--space-md)}.comparison-label{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.comparison-bar{height:var(--bar-height-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;display:flex}.comparison-segment{height:100%;transition:width var(--transition-slow) var(--easing-default);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-on-accent)}.comparison-values{display:flex;gap:var(--space-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.comparison-legend{display:flex;gap:var(--space-xl);margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-tertiary)}.comparison-legend span{display:flex;align-items:center;gap:var(--space-sm)}.comparison-legend-dot{width:10px;height:10px;border-radius:var(--radius-full);display:inline-block}@media(max-width:768px){.comparison-bar-wrapper{grid-template-columns:80px 1fr 60px}}.time-bar-wrapper{width:100%}.time-indicator{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.time-icon{width:48px;height:48px;background:var(--color-accent-dim);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--space-xl)}.time-info h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.time-info span{font-size:var(--text-base);color:var(--color-text-tertiary)}.time-bar{height:10px;background:var(--color-bg-tertiary);border-radius:5px;overflow:hidden;display:flex}.time-segment{height:100%;transition:width var(--transition-slow) var(--easing-default)}.time-legend{display:flex;gap:var(--space-2xl);margin-top:var(--space-lg);flex-wrap:wrap}.time-legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--color-text-secondary)}.time-legend-dot{width:10px;height:10px;border-radius:var(--radius-full)}.divider{height:1px;border:none;background:var(--color-border);margin:var(--space-4xl) 0;grid-column:span 12}.dashboard-container{min-height:100vh}.dashboard-header{margin-bottom:var(--space-5xl)}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2xl);gap:var(--space-2xl)}.title-group{flex:1}.dashboard-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-sm);line-height:var(--leading-snug)}.accent-text{color:var(--color-accent);font-style:italic}.dashboard-subtitle{font-size:var(--text-lg);color:var(--color-text-primary);max-width:600px;line-height:var(--leading-relaxed)}.header-right{display:flex;align-items:center;gap:var(--space-lg);flex-shrink:0}.survey-mini-cta{padding:var(--space-md) var(--space-2xl);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-on-accent);background-color:var(--color-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast) var(--easing-default),transform var(--transition-fast) var(--easing-default)}.survey-mini-cta:hover{background-color:#ea6c10;transform:translateY(-1px)}.meta-badge{background:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);text-align:right;flex-shrink:0}.meta-count{font-size:var(--text-4xl);font-weight:var(--weight-semibold);color:var(--color-accent);line-height:var(--leading-tight)}.meta-label{font-size:var(--text-base);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.survey-banner{position:relative;padding:var(--space-3xl);margin-bottom:var(--space-2xl);background-color:var(--color-accent-dim);border:1px solid var(--color-accent);border-radius:var(--radius-2xl)}.survey-banner-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-2xl);line-height:1;cursor:pointer;padding:var(--space-xs);transition:color var(--transition-fast) var(--easing-default)}.survey-banner-close:hover{color:var(--color-text-primary)}.survey-banner-content{display:flex;flex-direction:column;gap:var(--space-md)}.survey-banner-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:var(--leading-snug);margin:0}.survey-banner-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl)}.survey-banner-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-primary);line-height:var(--leading-relaxed);margin:0}.survey-banner-cta{display:inline-block;width:fit-content;flex-shrink:0;padding:var(--space-md) var(--space-2xl);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-on-accent);background-color:var(--color-accent);border-radius:var(--radius-lg);text-decoration:none;transition:background-color var(--transition-fast) var(--easing-default),transform var(--transition-fast) var(--easing-default)}.survey-banner-cta:hover{background-color:#ea6c10;transform:translateY(-1px)}.tabs{display:flex;gap:var(--space-sm);border-bottom:1px solid var(--color-border)}.tab{padding:var(--space-md) var(--space-xl);background:none;border:none;color:var(--color-text-tertiary);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;position:relative;transition:color var(--transition-normal)}.tab:hover{color:var(--color-text-secondary)}.tab.active{color:var(--color-text-primary)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-accent)}.dashboard-content{padding-top:var(--space-3xl)}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-regular);color:var(--color-text-primary);margin-bottom:var(--space-2xl)}.section-margin{margin-bottom:var(--space-4xl)}.card-note{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-normal)}.priority-comparison{display:flex;flex-direction:column;gap:var(--space-2xl)}.priority-group{display:flex;flex-direction:column;gap:var(--space-md)}.priority-group-label{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.priority-bars{display:flex;flex-direction:column;gap:var(--space-sm)}.priority-item{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:var(--space-md)}.priority-name{font-size:var(--text-sm);color:var(--color-text-tertiary)}.priority-bar-container{height:20px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.priority-bar{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-slow) var(--easing-default)}.priority-value{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-align:right}.insight-box{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-normal)}.format-eco-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.format-eco-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:var(--space-md)}.format-eco-label{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.format-eco-bar{height:var(--bar-height);background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;display:flex}.format-eco-segment{height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);padding:0 var(--space-sm);white-space:nowrap}.advice-list{display:flex;flex-direction:column;gap:var(--space-lg)}.advice-item{padding:var(--space-lg) var(--space-xl);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.advice-item p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-md)}@media(max-width:1200px){.header-top{flex-direction:column}.meta-badge{text-align:left}}@media(max-width:768px){.dashboard-title{font-size:var(--text-4xl)}.survey-banner{padding:var(--space-xl)}.survey-banner-title{font-size:var(--text-2xl)}.survey-banner-row{flex-direction:column;align-items:flex-start}.tabs{flex-wrap:wrap}.tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-base)}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg);color:var(--color-text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg);color:var(--color-danger);text-align:center;padding:var(--space-2xl)}