:root{--dashboard-bg:#232231;--dashboard-header-kicker-color:#e9b4bb;--dashboard-header-title-color:#f9f9f9;--dashboard-header-subtitle-color:#dcdcdc;--dashboard-header-meta-strong-color:#dd9366;--dashboard-tabs-border:#f9f9f9;--dashboard-tab-color:#f9f9f9;--dashboard-tab-hover-color:#dd9366;--dashboard-surface:#fff;--dashboard-surface-color:#232231;--dashboard-surface-color-highlight:#e65140;--dashboard-border:#d5d5d6;--dashboard-text:#f9f9f9;--dashboard-muted:#57575b;--dashboard-white:#f9f9f9;--dashboard-black:#232231;--dashboard-red:#e65140;--dashboard-pink:#e9b4bb;--dashboard-orange:#dd9366;--dashboard-soft-pink:#ebbcc2;--dashboard-light-brown:#825b43;--dashboard-table-border:#e9b4bb;--dashboard-table-th-bg:#e9b4bb;--dashboard-table-th-color:#232231;--dashboard-table-highlight-bg:rgb(from #e9b4bb r g b/10%);--dashboard-track:#eee;--dashboard-track-border:#ababad;--dashboard-bar-fill:#e9b4bb;--dashboard-bar-color:#232231}.dashboard{--text-color:#f9f9f9;background:var(--dashboard-bg);color:var(--dashboard-text);overflow-x:hidden}.dashboard__container{margin-left:auto;margin-right:auto;max-width:1280px;position:relative;width:100%}.dashboard__header{display:grid;grid-template-areas:"kicker" "title" "subtitle" "meta";grid-template-columns:1fr;overflow:hidden;padding:4rem 20px;position:relative}.dashboard__kicker{color:var(--dashboard-header-kicker-color);font-size:var(--text-font-size-large);grid-area:kicker;margin-bottom:.5rem;text-transform:uppercase}.dashboard__kicker,.dashboard__title{font-family:Bunch,sans-serif;font-weight:900;line-height:1}.dashboard__title{color:var(--dashboard-header-title-color);font-size:var(--heading-2-font-size);grid-area:title;margin:0 0 1rem}.dashboard__subtitle{color:var(--dashboard-header-subtitle-color);grid-area:subtitle;margin:0 0 2rem;max-width:900px}.dashboard__meta,.dashboard__subtitle{font-size:var(--text-font-size-medium)}.dashboard__meta{grid-area:meta;line-height:1.5}.dashboard__meta strong{color:var(--dashboard-header-meta-strong-color);font-weight:700}.dashboard__tabs{border-bottom:1px solid var(--dashboard-tabs-border);display:flex;gap:20px;margin-bottom:10px;overflow-x:auto;padding:0 20px}.dashboard__tab{background:none;border:none;border-bottom:3px solid transparent;color:var(--dashboard-tab-color);cursor:pointer;font-size:var(--text-font-size-medium);height:44px;padding:0 10px;text-transform:uppercase;transition:color .2s,border-color .2s;white-space:nowrap}.dashboard__tab:focus-visible,.dashboard__tab:hover{color:var(--dashboard-tab-hover-color)}.dashboard__tab:focus-visible{outline:1px solid currentColor;outline-offset:3px}.dashboard__tab--active{border-bottom-color:currentColor;color:var(--dashboard-tab-hover-color)}.dashboard__panel{display:none;padding:30px 20px}.dashboard__panel--active{display:block}.dashboard__section{display:flex;flex-direction:column;gap:20px;margin-bottom:3rem}.dashboard__section-title{align-items:center;display:flex;font-size:var(--heading-4-font-size);margin-bottom:1rem}.dashboard__kpi-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard__kpi{animation:dashboard-fade-up .5s ease both;background-color:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:20px;overflow:hidden;padding:20px 22px;position:relative;transition:transform .2s,border-color .2s}.dashboard__kpi:nth-child(2){animation-delay:.08s}.dashboard__kpi:nth-child(3){animation-delay:.16s}.dashboard__kpi:nth-child(4){animation-delay:.24s}.dashboard__kpi:nth-child(5){animation-delay:.32s}.dashboard__kpi-label{color:var(--dashboard-surface-color);font-size:var(--text-font-size-small);font-weight:700;line-height:1.15;margin-bottom:1rem;text-transform:uppercase}.dashboard__kpi-value{color:var(--dashboard-surface-color-highlight);font-family:Bunch,sans-serif;font-size:2rem;line-height:1}.dashboard__kpi-unit{color:var(--dashboard-muted);font-size:var(--text-font-size-medium);margin-left:.25rem}.dashboard__kpi-sub{color:var(--dashboard-muted);font-size:var(--text-font-size-small);margin-top:6px}.dashboard__badge{background-color:var(--dashboard-surface-color);border-radius:50px;color:var(--dashboard-surface);display:inline-block;font-size:var(--text-font-size-xsmall);font-weight:700;margin-top:10px;padding:.25rem .75rem}.dashboard__bar-chart{margin-bottom:28px;position:relative}.dashboard__bar-chart--scrollable{overflow-x:auto}.dashboard__bar-row{align-items:center;display:flex;gap:12px;margin-bottom:10px}.dashboard__bar-label{color:var(--dashboard-color);flex-shrink:0;font-size:var(--text-font-size-small);font-weight:700;line-height:1.25;text-align:right;width:220px}.dashboard__bar-track{background:var(--dashboard-track);border:1px solid var(--dashboard-track-border);border-radius:10px;flex:1;height:28px;overflow:hidden;position:relative}.dashboard__bar-fill{align-items:center;background-color:var(--dashboard-bar-fill);border-radius:10px;color:var(--dashboard-bar-color);display:flex;height:100%;left:0;padding-left:10px;position:absolute;top:0;transition:width 1s cubic-bezier(.4,0,.2,1);width:0}.dashboard__bar-fill,.dashboard__bar-value{font-size:var(--text-font-size-xsmall);font-weight:700}.dashboard__bar-value{color:var(--dashboard-text);flex-shrink:0;width:90px}.dashboard__benchmark-line{background:var(--dashboard-pink);height:100%;position:absolute;top:0;width:2px;z-index:2}.dashboard__benchmark-label{color:var(--dashboard-pink);font-size:9px;font-weight:700;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.dashboard__charts-row{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:28px}.dashboard__chart-box{background:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:20px;box-shadow:0 2px 8px rgba(35,34,49,.07);margin-bottom:28px;padding:22px}.dashboard__chart-box-title{color:var(--dashboard-surface-color);font-size:var(--text-font-size-small);font-weight:700;margin-bottom:1rem;text-transform:uppercase}.dashboard__legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:20px}.dashboard__legend-item{align-items:center;color:var(--dashboard-white);display:flex;font-size:var(--text-font-size-xsmall);gap:.5rem}.dashboard__chart-box .dashboard__legend-item{color:var(--dashboard-black)}.dashboard__legend-dot{border-radius:2px;flex-shrink:0;height:10px;width:10px}.dashboard__gap-meter{align-items:center;background-color:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:20px;color:var(--dashboard-surface-color);display:grid;flex-wrap:wrap;gap:40px 20px;grid-template-areas:"number desc" "progress progress";grid-template-columns:1fr 3fr;padding:20px}.dashboard__gap-number{color:var(--dashboard-red);font-family:Bunch,sans-serif;font-size:var(--heading-1-font-size);font-weight:900;grid-area:number;line-height:1}.dashboard__gap-desc{flex:1;grid-area:desc;min-width:200px}.dashboard__gap-desc h3{color:var(--dashboard-surface-color);font-size:var(--heading-5-font-size);margin-bottom:.5rem}.dashboard__gap-desc p{color:var(--dashboard-surface-color);font-size:var(--text-font-size-medium);margin:0}.dashboard__gap-progress{flex:2;grid-area:progress;min-width:260px}.dashboard__gap-progress-title{color:var(--dashboard-surface-color);font-size:var(--text-font-size-small);font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.dashboard__gap-progress-note{color:var(--dashboard-muted);font-size:var(--text-font-size-xsmall);margin-top:1rem}.dashboard__progress{background:var(--dashboard-track);border:1px solid var(--dashboard-track-border);border-radius:10px;height:40px;margin-bottom:.5rem;overflow:hidden;position:relative}.dashboard__progress-actual{align-items:center;background:var(--dashboard-red);border-radius:4px;color:var(--dashboard-black);display:flex;font-size:var(--text-font-size-xsmall);font-weight:700;height:100%;left:0;padding-left:.75rem;position:absolute;top:0;transition:width 1s cubic-bezier(.4,0,.2,1);width:0}.dashboard__progress-labels{color:var(--dashboard-muted);display:flex;font-size:var(--text-font-size-xsmall);justify-content:space-between}.dashboard__table-wrap{border:1px solid var(--dashboard-table-border);border-radius:20px;margin-bottom:2rem;overflow:hidden;overflow-x:auto}.dashboard__table{border:1px solid var(--dashboard-table-border);border-collapse:collapse;font-size:12px;width:100%}.dashboard__table th{background:var(--dashboard-table-th-bg);color:var(--dashboard-table-th-color);font-size:var(--text-font-size-small);font-weight:700;text-align:left;text-transform:uppercase}.dashboard__table td,.dashboard__table th{border-bottom:1px solid var(--dashboard-table-border);padding:10px 14px}.dashboard__table td{color:var(--dashboard-text);font-size:var(--text-font-size-xsmall)}.dashboard__row--highlight td{background:var(--dashboard-table-highlight-bg);font-weight:700}.dashboard__row--strong td{font-weight:700}.dashboard__row--subtotal td{color:#dcdcdc;font-weight:700}.dashboard__row--highlight td:first-child{color:var(--dashboard-pink)}.dashboard__table tr:last-child td{border-bottom:none}.dashboard__cell--orange{color:var(--dashboard-orange);font-weight:700}.dashboard__cell--green{color:#539407;font-weight:700}.dashboard__cell--pink{color:var(--dashboard-soft-pink);font-weight:700}.dashboard__cell--yellow{color:var(--dashboard-pink);font-weight:700}.dashboard__pct-bar{border-radius:2px;display:inline-block;height:6px;margin-left:6px;vertical-align:middle}.dashboard__info{background:var(--dashboard-surface);border:var(--dashboard-border);border-radius:20px;color:var(--dashboard-surface-color);font-size:var(--text-font-size-medium);margin-bottom:20px;padding:16px 20px}.dashboard__rec-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:28px}.dashboard__rec-card{background:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:20px;padding:20px;transition:border-color .2s,box-shadow .2s}.dashboard__rec-card h4{color:var(--dashboard-surface-color);font-size:var(--heading-5-font-size);margin-bottom:.5rem}.dashboard__rec-card p{color:var(--dashboard-surface-color);font-size:var(--text-font-size-medium)}.dashboard__rec-icon{align-items:center;display:flex;font-size:2rem;justify-content:center;margin-bottom:1rem;width:-moz-fit-content;width:fit-content}.dashboard__stacked{margin-bottom:18px}.dashboard__stacked-label{color:var(--dashboard-muted);font-size:var(--text-font-size-small);margin-bottom:.5rem}.dashboard__stacked-bar{border-radius:4px;display:flex;height:36px;margin-bottom:8px;overflow:hidden}.dashboard__stack-seg{align-items:center;color:var(--dashboard-black);display:flex;font-size:var(--text-font-size-xsmall);font-weight:700;height:100%;justify-content:center;overflow:hidden;transition:width 1.2s cubic-bezier(.4,0,.2,1);width:0}.dashboard__stack-seg--orange{background:var(--dashboard-orange)}.dashboard__stack-seg--red{background:var(--dashboard-red)}.dashboard__stack-seg--pink{background:var(--dashboard-soft-pink)}.dashboard__stack-seg--gap{background:var(--dashboard-white);border:1px dashed var(--dashboard-black)}.dashboard__stacked-legend{color:var(--dashboard-muted);display:flex;flex-wrap:wrap;font-size:var(--text-font-size-xsmall);gap:16px}.dashboard__swatch-item{align-items:center;display:flex;gap:4px}.dashboard__swatch{border-radius:2px;display:inline-block;height:10px;width:10px}.dashboard__swatch--orange{background:var(--dashboard-orange)}.dashboard__swatch--red{background:var(--dashboard-red)}.dashboard__swatch--pink{background:var(--dashboard-soft-pink)}.dashboard__swatch--gap{background:var(--dashboard-white);border:1px dashed var(--dashboard-black)}.dashboard__figure{color:var(--dashboard-surface-color-highlight);font-family:Bunch,sans-serif;font-size:var(--heading-4-font-size);font-weight:700;margin:10px 0 4px}.dashboard__figure-note{color:var(--dashboard-muted);font-size:var(--text-font-size-xsmall)}.dashboard__footer{border-top:1px solid var(--dashboard-white);font-size:var(--text-font-size-xsmall);margin-top:20px;padding:20px}@media only screen and (min-width:1024px){.dashboard__header{gap:20px;grid-template-areas:"kicker meta" "title meta" "subtitle meta";grid-template-columns:3fr 1fr}.dashboard__gap-meter{gap:30px;grid-template-areas:"number desc progress";grid-template-columns:.5fr 1fr 2fr}}@keyframes dashboard-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}