.muted{color:#84939f;font-size:13px;line-height:1.55}.secondary-button{border:1px solid #15a996;border-radius:10px;background:#eaf9f5;color:#0e897b;font-weight:800;padding:12px 18px;margin-top:10px}.secondary-button:hover{background:#d8f3ec}.inspection-result{margin-top:20px;color:#526a79;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.inspection-result.error{color:#a64040;background:#fff0f0;padding:11px 13px;border-radius:8px}.inspection-result strong{color:#183548}.inspection-result code{background:#edf4f5;padding:3px 5px;border-radius:4px}
.provisional-warning{padding:13px 16px;margin:0 0 20px;border:1px solid #f0d89a;border-radius:10px;background:#fff8e6;color:#765919;font-size:13px;line-height:1.5}
.dashboard-filter-bar{display:flex;flex-wrap:wrap;gap:14px;margin:-5px 0 22px;padding:16px;background:#fff;border:1px solid #e6ebee;border-radius:14px}.dashboard-filter-bar label{display:flex;flex-direction:column;gap:7px;min-width:150px;flex:1;color:#536c7d;font-size:12px;font-weight:700}.dashboard-filter-bar select{width:100%;padding:10px 12px;border:1px solid #d8e0e6;border-radius:9px;background:#fff;color:#172b3f;outline:none}.dashboard-filter-bar select:focus{border-color:#22b7a3;box-shadow:0 0 0 3px #26bca51c}@media(max-width:700px){.dashboard-filter-bar{gap:10px}.dashboard-filter-bar label{min-width:125px}}
.chart.monthly{padding-bottom:22px}.chart.monthly .chart-bar::after{content:attr(data-month);position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:#8394a2;font-size:10px;font-weight:700}
.leader-button{width:100%;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer;border-radius:8px;padding-left:8px!important;padding-right:8px!important}.leader-button:hover,.leader-button:focus-visible{background:#eff9f6;outline:none}.leader-button .leader-name{text-decoration:underline;text-decoration-color:#a9ded3;text-underline-offset:3px}.back-button{border:0;background:transparent;color:#168f82;font-size:13px;font-weight:800;padding:12px 0 0;cursor:pointer}.back-button:hover{text-decoration:underline}.comparison-note{margin:0 0 20px;color:#708495;font-size:13px}.seller-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.chart-legend{display:flex;flex-wrap:wrap;gap:15px;color:#758896;font-size:11px;margin-bottom:12px}.chart-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}.legend-current::before{background:#1fb9a4}.legend-previous::before{background:#9ab0c2}.comparison-chart{height:230px;display:flex;align-items:flex-end;gap:5px;overflow-x:auto;padding:5px 2px 0;border-bottom:1px solid #e8edf0}.comparison-point{height:100%;min-width:18px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.comparison-bars{height:calc(100% - 22px);width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.comparison-bar{width:45%;min-width:4px;border-radius:4px 4px 0 0}.comparison-bar.current{background:#1fb9a4}.comparison-bar.previous{background:#9ab0c2}.comparison-label{height:22px;color:#8a9aa6;font-size:10px;font-weight:700;line-height:22px}.seller-customers-panel{margin-top:18px}.seller-customers-panel td:nth-child(3),.seller-customers-panel td:nth-child(4){text-align:right}.seller-customers-panel td:first-child{font-weight:700}@media(max-width:1000px){.seller-charts{grid-template-columns:1fr}}
.filter-detail-button{align-self:end;padding:11px 14px;border:1px solid #17a995;border-radius:9px;background:#eaf9f5;color:#0d8879;font-size:12px;font-weight:800;cursor:pointer}.filter-detail-button:hover{background:#d8f3ec}
.seller-brands-panel,.seller-brand-evolution-panel{margin-top:18px}.seller-brands-panel td:not(:first-child),.seller-brands-panel th:not(:first-child){text-align:right}.seller-brands-panel td:first-child{font-weight:700}.brand-method-note{color:#758896;font-size:12px;margin:12px 0 0}.brand-select-label{display:flex;align-items:center;gap:8px;color:#708495;font-size:12px;font-weight:700}.brand-select-label select{max-width:240px;min-width:150px;border:1px solid #d8e3e9;border-radius:8px;background:#fff;padding:9px;color:#172e40}.brand-chart-title{display:block;color:#172e40;font-size:14px;margin-bottom:10px}.seller-brand-evolution-panel .seller-charts{margin-top:10px}
.month-filter{position:relative;min-width:170px;flex:1;color:#536c7d;font-size:12px;font-weight:700}.month-filter .filter-label{display:block;margin-bottom:7px}.month-filter summary{list-style:none;padding:10px 12px;border:1px solid #d8e0e6;border-radius:9px;background:#fff;color:#172b3f;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-filter summary::-webkit-details-marker{display:none}.month-filter summary::after{content:"⌄";float:right}.month-options{position:absolute;z-index:10;top:100%;left:0;right:0;max-height:250px;overflow:auto;padding:8px;background:#fff;border:1px solid #d8e0e6;border-radius:9px;box-shadow:0 8px 24px #172b3f20}.dashboard-filter-bar .month-options label{display:flex;flex-direction:row;align-items:center;min-width:0;gap:8px;padding:6px 8px;margin:0;cursor:pointer;font-size:13px;color:#172b3f}.month-options input{accent-color:#18ad9a}.metric-growth{display:block;margin-top:10px!important;color:#168f82!important;font-weight:700}.metric-growth.negative{color:#bd5a55!important}
.seller-opportunity-card{width:100%;margin-top:18px;display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #d7e8e4;background:#f4fcf9;border-radius:15px;padding:20px 24px;color:#172b3f;cursor:pointer}.seller-opportunity-card:hover:not(:disabled),.seller-opportunity-card:focus-visible{border-color:#20aa98;box-shadow:0 0 0 3px #20aa981c}.seller-opportunity-card:disabled{cursor:default;opacity:.65}.opportunity-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:#ddf7ef;color:#159c88;font-size:25px}.opportunity-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.opportunity-label{font-size:13px;font-weight:800}.opportunity-copy strong{font-size:28px}.opportunity-copy small{font-size:12px;color:#748897;line-height:1.4}.opportunity-action{margin-left:auto;white-space:nowrap;color:#168f82;font-size:13px;font-weight:800}@media(max-width:700px){.seller-opportunity-card{align-items:flex-start;padding:16px}.opportunity-action{font-size:11px;white-space:normal;text-align:right}}
.chart.daily{padding-bottom:22px;overflow-x:auto}.chart.daily .chart-bar{min-width:16px}.chart.daily .chart-bar::after{content:attr(data-day);position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:#8394a2;font-size:10px;font-weight:700}
.brand-drilldown{border:0;background:transparent;padding:3px 0;color:#137f78;font-size:13px;font-weight:800;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:#b2e3d9;text-underline-offset:3px}.brand-drilldown:hover,.brand-drilldown:focus-visible{color:#095d5a;text-decoration-color:currentColor}.seller-products-panel{margin-top:18px;scroll-margin-top:20px}.brand-panel-close{border:0;background:transparent;color:#168f82;font-size:12px;font-weight:800;cursor:pointer}.product-evolution-table th:nth-child(2),.product-evolution-table td:nth-child(2){text-align:right}.product-evolution-table td:first-child{min-width:220px}.product-evolution-table td:first-child strong{display:block}.product-evolution-table td:first-child small{display:block;color:#91a0a9;font-weight:400;margin-top:3px}.product-evolution-table td:last-child{min-width:320px;width:48%;padding-top:10px;padding-bottom:10px}.product-spark{height:52px;min-width:290px;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid #e8edf0}.product-spark-bar{flex:1;min-width:3px;background:#1fb9a4;border-radius:2px 2px 0 0}.product-spark-bar:hover{background:#0f837b}
.product-evolution-table th:nth-child(3),.product-evolution-table th:nth-child(4),.product-evolution-table td:nth-child(3),.product-evolution-table td:nth-child(4){text-align:right}.product-evolution-table td:last-child{min-width:390px;width:43%}.product-legend{margin:4px 0 12px}.product-spark{height:72px;min-width:370px;padding-bottom:18px;gap:3px}.product-spark-point{position:relative;display:flex;align-items:flex-end;flex:1;height:100%;gap:1px;min-width:5px}.product-spark-point::after{content:attr(data-label);position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);font-size:9px;font-weight:700;color:#8394a2}.product-spark-bar{flex:1;min-width:2px}.product-spark-bar.current{background:#1fb9a4}.product-spark-bar.previous{background:#9ab0c2}.product-spark-bar.previous:hover{background:#718da1}
.brand-drilldown-row{cursor:pointer}.brand-drilldown-row:hover,.brand-drilldown-row:focus-visible{background:#f1faf7;outline:none}.inline-error{color:#a64040!important;background:#fff3f3;text-align:left!important;font-weight:700!important;padding:18px!important}
.legend-line-current::before,.legend-line-previous::before{height:3px!important;border-radius:2px!important;vertical-align:middle}.legend-line-current::before{background:#f09b3d!important}.legend-line-previous::before{background:#7656c8!important}.product-evolution-table th:nth-child(n+2):nth-child(-n+7),.product-evolution-table td:nth-child(n+2):nth-child(-n+7){text-align:right;white-space:nowrap}.product-evolution-table td:last-child{min-width:440px;width:40%}.product-spark{position:relative}.product-spark-point{z-index:1}.product-positive-lines{position:absolute;z-index:2;left:0;top:0;width:100%;height:calc(100% - 18px);overflow:visible;pointer-events:none}.product-positive-lines polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.product-positive-lines polyline.current{stroke:#f09b3d}.product-positive-lines polyline.previous{stroke:#7656c8}.product-positive-lines circle{stroke:#fff;stroke-width:.6;vector-effect:non-scaling-stroke;pointer-events:auto}.product-positive-lines circle.current{fill:#f09b3d}.product-positive-lines circle.previous{fill:#7656c8}
.tracking-grid{margin-top:18px}.tracking-card{border:1px solid #e2e9ec;background:#fff;text-align:left;color:#172b3f;cursor:pointer}.tracking-card:hover,.tracking-card:focus-visible{border-color:#20aa98;box-shadow:0 8px 24px #183a4820;outline:none;transform:translateY(-1px)}.tracking-card span:last-child{display:block;margin-top:12px;color:#168f82;font-size:12px;font-weight:800}.tracking-card strong{display:block}.tracking-card small{display:block}.tracking-card .metric-icon{margin-bottom:18px}#trackingView .panel{margin-top:10px}#trackingView td:nth-child(n+2){text-align:right}
.product-evolution-table{table-layout:fixed;min-width:880px}.product-evolution-table th:first-child{width:28%}.product-evolution-table th:nth-child(n+2){width:12%;text-align:right;white-space:normal}.product-evolution-table td:first-child{min-width:0}.product-evolution-table td:nth-child(n+2){text-align:right;white-space:nowrap}.product-evolution-table th:last-child,.product-evolution-table td:last-child{min-width:0;width:12%;padding:10px 14px}.product-evolution-table td:nth-child(4),.product-evolution-table td:nth-child(7){color:#168f82;font-weight:800}
.product-evolution-table{min-width:800px}.product-evolution-table th{padding:10px 8px;font-size:10px;line-height:1.25;letter-spacing:.05em}.product-evolution-table td{padding-left:8px;padding-right:8px}.product-evolution-table th:first-child{width:34%}.product-evolution-table th:nth-child(n+2),.product-evolution-table th:last-child,.product-evolution-table td:last-child{width:11%}
.customer-search-bar{display:flex;gap:10px;margin:-5px 0 18px;padding:15px;background:#fff;border:1px solid #e6ebee;border-radius:14px}.customer-search-bar input{flex:1;min-width:0;border:1px solid #d8e0e6;border-radius:9px;padding:11px 13px;outline:none;color:#172b3f}.customer-search-bar input:focus{border-color:#22b7a3;box-shadow:0 0 0 3px #26bca51c}.customer-search-bar .secondary-button{margin:0}.customer-row{cursor:pointer}.customer-row:hover,.customer-row:focus-visible{background:#f0faf7;outline:none}.customers-table td:nth-child(3),.customers-table td:nth-child(4){text-align:right}.customer-evolution-panel,.customer-detail-panel{margin-top:18px}.customer-life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.customer-life-grid td:nth-child(n+2),.customer-detail-panel td:nth-child(n+2){text-align:right}.customer-month-chart{height:250px;display:flex;align-items:flex-end;gap:7px;overflow-x:auto;padding:15px 4px 0;border-bottom:1px solid #e8edf0}.customer-month-point{height:100%;min-width:28px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.customer-month-bar{width:min(70%,38px);min-height:3px;background:linear-gradient(#2cc8b3,#129789);border-radius:5px 5px 0 0}.customer-month-bar:hover{background:#0d7c78}.customer-month-point span{height:25px;line-height:25px;color:#8394a2;font-size:9px;font-weight:700;white-space:nowrap}@media(max-width:900px){.customer-life-grid{grid-template-columns:1fr}}@media(max-width:700px){.customer-search-bar{padding:10px}.customer-search-bar .secondary-button{padding:10px}.customer-month-point{min-width:25px}}
.customer-filter-bar{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:-5px 0 14px;padding:15px;background:#fff;border:1px solid #e6ebee;border-radius:14px}.customer-filter-bar label{display:flex;flex-direction:column;gap:7px;color:#536c7d;font-size:12px;font-weight:700}.customer-filter-bar select{border:1px solid #d8e0e6;border-radius:9px;background:#fff;padding:10px 12px;color:#172b3f;outline:none}@media(max-width:900px){.customer-filter-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.customer-filter-bar{grid-template-columns:1fr}}
.customer-ytd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.customer-ytd-grid .negative{color:#bd5a55}@media(max-width:850px){.customer-ytd-grid{grid-template-columns:1fr}}
.topbar-title{display:flex;align-items:center;gap:14px}.menu-toggle{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #dce6e9;border-radius:9px;background:#fff;color:#167f75;font-size:20px;line-height:1;cursor:pointer}.menu-toggle:hover,.menu-toggle:focus-visible{background:#eaf9f5;border-color:#21ae9c;outline:none}.app-shell.menu-hidden .sidebar{display:none}.app-shell.menu-hidden .main-area{width:100%}@media(max-width:700px){.menu-toggle{width:34px;height:34px}.app-shell:not(.menu-hidden) .sidebar{display:flex}}
.goal-filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:-5px 0 20px;padding:16px;background:#fff;border:1px solid #e6ebee;border-radius:14px}.goal-filter-bar label{display:flex;flex-direction:column;gap:7px;min-width:150px;color:#536c7d;font-size:12px;font-weight:700}.goal-filter-bar select,.goal-filter-bar input{border:1px solid #d8e0e6;border-radius:9px;background:#fff;padding:10px 12px;color:#172b3f;outline:none}.goal-filter-bar .secondary-button,.goal-filter-bar .primary-button{width:auto;margin:0;padding:11px 18px}.goal-summary-grid{margin-bottom:18px}.goal-summary-card strong{color:#168f82}.goal-progress{height:7px;margin-top:14px;border-radius:10px;background:#e6efef;overflow:hidden}.goal-progress span{display:block;height:100%;border-radius:10px;background:#1fb9a4}.goal-panel{margin-top:18px}.goal-table td:nth-child(n+4),.goal-table th:nth-child(n+4),.goal-planning-table td:nth-child(n+4),.goal-planning-table th:nth-child(n+4){text-align:right}.goal-planning-table input{width:110px;border:1px solid #d7e1e6;border-radius:7px;padding:8px;text-align:right;color:#172b3f}.goal-planning-table td:nth-child(3){min-width:240px}@media(max-width:700px){.goal-filter-bar label{min-width:120px}.goal-filter-bar button{flex:1}.goal-planning-table{min-width:850px}}
.goal-panel .table-wrap,#goalPlanningView .table-wrap{max-height:calc(100vh - 190px);overflow:auto}.goal-table thead th,.goal-planning-table thead th{position:sticky;top:0;z-index:3;background:#fff;box-shadow:0 1px 0 #e7ecee}
#appView[hidden],#loginView[hidden]{display:none!important}
.main-area .view{display:none!important}.main-area .view.active-view{display:block!important}
body.logged-out #appView,body:not(.logged-in) #appView{display:none!important}
body.logged-in #loginView{display:none!important}
.dashboard-leaders-panel,.dashboard-evolution-panel{margin-top:18px}.leader-table-head,.leaders-list .leader{display:grid!important;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.8fr) minmax(105px,.55fr) minmax(110px,.55fr);align-items:center;gap:18px}.leader-table-head{padding:0 8px 9px;color:#9ba9b5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #e7ecee}.leader-table-head span:not(:first-child),.leaders-list .leader span:not(:first-child){text-align:right}.leader-quantity{color:#536c7d;font-weight:700}.leader-goal{color:#168f82;font-weight:800}.leader-goal.goal-achieved{color:#087c62}@media(max-width:700px){.leader-table-head,.leaders-list .leader{grid-template-columns:minmax(130px,1.2fr) 1fr 1fr}.leader-table-head span:nth-child(3),.leaders-list .leader .leader-quantity{display:none}}
:root{--brand-primary:#18ad9a;--brand-sidebar:#0c2031}.sidebar{background:var(--brand-sidebar)}.primary-button{background:var(--brand-primary)}.nav-link.active{box-shadow:inset 3px 0 var(--brand-primary)}.top-kicker,.eyebrow.dark,.leader-value,.leader-goal{color:var(--brand-primary)}.company-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#fff;padding:3px;flex:none}.branding-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);gap:18px}.branding-colors{display:grid;grid-template-columns:1fr 1fr;gap:15px}.branding-colors label{margin-bottom:0}.branding-colors input[type=color]{height:48px;padding:5px;cursor:pointer}.branding-actions{display:flex;gap:10px;align-items:end}.branding-actions button{width:auto;margin-top:24px}.branding-preview-box{--preview-primary:#18ad9a;--preview-sidebar:#0c2031;min-height:300px;border-radius:16px;background:linear-gradient(135deg,var(--preview-sidebar),color-mix(in srgb,var(--preview-sidebar),#fff 18%));color:#fff;padding:34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.branding-preview-box img{width:100px;height:70px;object-fit:contain;background:#fff;border-radius:12px;padding:7px}.branding-preview-box strong{font-family:Manrope,sans-serif;font-size:28px}.branding-preview-box>span:last-of-type{color:#d4e2e7}.branding-preview-box button{border:0;border-radius:9px;padding:11px 18px;background:var(--preview-primary);color:#fff;font-weight:800}@media(max-width:850px){.branding-grid{grid-template-columns:1fr}.branding-actions{flex-wrap:wrap}}
