.dash-header{margin-bottom:var(--space-7)}.dash-header h2{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.125rem;font-weight:700}.dash-subtitle{font-size:var(--text-sm);color:var(--text-muted);font-weight:400}.kpi-grid{gap:var(--space-4);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.kpi-grid-4,.kpi-grid-8{grid-template-columns:repeat(4,1fr)}@media (width>=1200px){.kpi-grid-8{grid-template-columns:repeat(8,1fr)}}.kpi-grid-5{grid-template-columns:repeat(5,1fr)}.kpi-grid-9{grid-template-columns:repeat(9,minmax(0,1fr));width:100%}@media (width<=900px){.kpi-grid-4,.kpi-grid-5,.kpi-grid-8{grid-template-columns:repeat(2,1fr)}.kpi-grid-9{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.kpi-grid-9{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--card-pad);gap:var(--space-1);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .15s;display:flex}.kpi-card:hover{border-color:var(--text-muted)}.kpi-card.kpi-compact{padding:var(--space-4) var(--space-4)}.kpi-compact .kpi-value{font-size:var(--text-lg)}.kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:flex-start;min-height:2.4em;font-weight:700;line-height:1.2;display:flex}.kpi-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.kpi-value{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}.kpi-delta{font-size:var(--text-xs);white-space:nowrap;font-weight:600}[data-theme=dark] .kpi-delta{text-shadow:0 0 8px}.kpi-sub{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.kpi-sub.positive{color:var(--success)}.kpi-sub.negative{color:var(--danger)}.kpi-sub.warning{color:var(--warning)}.dashboard-section{margin-bottom:1.25rem}.dashboard-section h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:.5px solid var(--border-color);margin-bottom:.625rem;padding-bottom:.5rem;font-weight:700}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.dash-two-col{gap:var(--space-5);grid-template-columns:1fr 1fr;margin-bottom:.25rem;display:grid}@media (width<=900px){.dash-two-col{grid-template-columns:1fr}}.hbar-chart{gap:var(--space-3);flex-direction:column;display:flex}.hbar-row{grid-template-columns:90px 1fr 55px;align-items:center;gap:.625rem;display:grid}.hbar-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-weight:500;overflow:hidden}.hbar-track{background:var(--bg-tertiary);border-radius:4px;height:18px;overflow:hidden}.hbar-fill{border-radius:4px;min-width:2px;height:100%;transition:width .4s}.hbar-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right;font-weight:600}.mini-bar-chart{align-items:flex-end;gap:3px;height:160px;padding-bottom:24px;display:flex;position:relative}.mini-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.mini-bar{background:var(--accent);opacity:.6;border-radius:3px 3px 0 0;width:100%;max-width:28px;min-height:2px;transition:height .4s,opacity .15s}.mini-bar-col:hover .mini-bar{opacity:1}.mini-bar-label{color:var(--text-muted);font-size:.5rem;font-weight:500;position:absolute;bottom:-20px}.mini-bar-value{font-size:var(--text-xs);color:var(--text-secondary);min-height:14px;margin-bottom:3px;font-weight:600}.donut-wrapper{align-items:center;gap:1.25rem;display:flex}.donut-legend{gap:var(--space-3);flex-direction:column;display:flex}.donut-legend-item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.donut-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.donut-legend-label{color:var(--text-secondary);font-weight:400}.donut-legend-value{color:var(--text-primary);margin-left:auto;font-weight:600}.stacked-bar-chart{align-items:flex-end;gap:6px;height:180px;padding-bottom:24px;display:flex}.stacked-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.stacked-bar-segments{flex-direction:column;justify-content:flex-end;width:100%;max-width:36px;display:flex;position:relative}.stacked-bar-seg{opacity:.7;border-radius:2px;width:100%;transition:height .3s;position:absolute;left:0}.stacked-bar-col.hovered .stacked-bar-seg{opacity:1}.stacked-bar-label{color:var(--text-muted);font-size:.5rem;font-weight:500;position:absolute;bottom:-20px}.stacked-bar-tooltip{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--space-3) .625rem;font-size:var(--text-xs);white-space:nowrap;z-index:10;color:var(--text-secondary);border-radius:6px;flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014}.stacked-legend{gap:var(--space-5);border-top:.5px solid var(--border-color);font-size:var(--text-xs);color:var(--text-muted);margin-top:.75rem;padding-top:.625rem;font-weight:500;display:flex}.stacked-legend span{align-items:center;gap:.375rem;display:flex}.pipeline-summary{border-top:.5px solid var(--border-color);font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;margin-top:.75rem;padding-top:.625rem;font-weight:500;display:flex}.chart-card .data-table-wrapper{overflow-x:auto}.chart-card .data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.chart-card .data-table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap;padding:.4375rem .5rem;font-weight:700}.chart-card .data-table td{color:var(--text-secondary);border-bottom:.5px solid var(--border-color);white-space:nowrap;padding:.4375rem .5rem}.chart-card .data-table tr:last-child td{border-bottom:none}.chart-card .data-table tr:hover td{background:var(--bg-tertiary)}.status-pill{font-size:var(--text-xs);border-radius:2px;padding:.125rem .5rem;font-weight:700;display:inline-block}.status-pill.pending{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.status-pill.overdue{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}.status-pill.paid{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.pipeline-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;margin-top:.75rem;display:flex;overflow:hidden}.pipeline-bar .segment{transition:width .3s}.pipeline-bar .segment.new{background:#aaa}.pipeline-bar .segment.contacted{background:#6b7280}.pipeline-bar .segment.qualified{background:#555}.pipeline-bar .segment.booked{background:var(--warning)}.pipeline-bar .segment.showed{background:#92400e}.pipeline-bar .segment.closed{background:var(--success)}.pipeline-bar .segment.lost{background:var(--danger)}.partner-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.875rem;display:grid}.partner-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color .15s}.partner-card:hover{border-color:var(--text-muted)}.partner-card h4{font-size:var(--text-base);margin-bottom:var(--space-4);color:var(--text-primary);border-bottom:.5px solid var(--border-color);padding-bottom:.5rem;font-weight:600}.partner-card .stat-row{font-size:var(--text-md);justify-content:space-between;padding:.1875rem 0;display:flex}.partner-card .stat-row .stat-label{color:var(--text-secondary);font-weight:400}.partner-card .stat-row .stat-value{color:var(--text-primary);font-weight:600}.hero-kpi-row{gap:var(--space-4);margin-bottom:var(--space-7);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=1100px){.hero-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.hero-kpi-row{grid-template-columns:repeat(2,1fr)}}.hero-kpi{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);gap:var(--space-1);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .15s;display:flex}.hero-kpi:hover{border-color:var(--text-muted)}.hero-kpi-header{align-items:center;gap:.375rem;display:flex}.hero-kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}.hero-kpi-value{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.03em;font-weight:700;line-height:1.15}.trend{font-size:var(--text-sm);font-weight:600}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.trend.neutral{color:var(--text-muted)}.dash-main-grid{gap:var(--space-5);margin-bottom:var(--space-7);grid-template-columns:1fr 300px;display:grid}@media (width<=1000px){.dash-main-grid{grid-template-columns:1fr}}.team-rankings{gap:var(--space-3);flex-direction:column;display:flex}.team-rankings h3{align-items:center;gap:.375rem;display:flex}.ranking-card{flex-direction:column;gap:0;display:flex}.ranking-row{padding:var(--space-3) .375rem;border-bottom:.5px solid var(--border-color);grid-template-rows:auto auto;grid-template-columns:24px 1fr auto;align-items:center;gap:0 .5rem;display:grid}.ranking-row:last-child{border-bottom:none}.ranking-row:hover{background:var(--bg-tertiary);border-radius:4px}.ranking-pos{font-size:var(--text-xs);color:var(--text-muted);grid-row:1/3;font-weight:700}.ranking-name{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.ranking-stat{font-size:var(--text-base);text-align:right;grid-row:1/3;font-weight:700}.ranking-sub{font-size:var(--text-xs);color:var(--text-muted);grid-column:2}.ranking-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:1rem}.clickable-row{cursor:pointer}.clickable-row:hover td{background:var(--bg-tertiary)}.info-tooltip-wrapper{cursor:help;align-items:center;display:inline-flex;position:relative}.info-tooltip-icon{font-size:var(--text-sm);color:var(--text-muted);opacity:.5;line-height:1;transition:opacity .15s}.info-tooltip-wrapper:hover .info-tooltip-icon{opacity:1}.info-tooltip-popup{background:var(--bg-primary);border:1px solid var(--border-color);z-index:100;border-radius:8px;width:280px;padding:.875rem 1rem;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001a}.info-tooltip-popup.above{bottom:calc(100% + 8px)}.info-tooltip-popup.below{top:calc(100% + 8px)}.info-tooltip-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:.375rem;font-weight:700}.info-tooltip-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.375rem;line-height:1.5}.info-tooltip-benchmark{font-size:var(--text-xs);color:var(--accent);margin-bottom:.25rem;font-weight:600}.info-tooltip-action{font-size:var(--text-xs);color:var(--text-muted);border-top:.5px solid var(--border-color);padding-top:.25rem;font-style:italic;line-height:1.45}.dashboard-loading{min-height:40vh;color:var(--text-muted);font-size:var(--text-md);flex-direction:column;justify-content:center;align-items:center;font-weight:400;display:flex}.dashboard-loading:before{content:"";border:2px solid var(--border-color);border-top-color:var(--text-muted);width:24px;height:24px;margin-bottom:var(--space-4);border-radius:50%;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--text-primary)!important;border:none!important;border-radius:4px!important;padding:8px 10px!important;box-shadow:0 4px 12px #0003!important}.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{opacity:.7;color:var(--bg-secondary)!important;font-size:var(--text-xs)!important;margin-bottom:4px!important}.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item{color:var(--bg-secondary)!important;font-size:var(--text-sm)!important;padding:0!important}[data-theme=dark] .recharts-rectangle.recharts-tooltip-cursor{fill:rgba(var(--accent-rgb), .08)!important}.recharts-rectangle.recharts-tooltip-cursor{fill:#0000000a!important}
