:root{--navy:#111b32;--ink:#192541;--muted:#6e7b91;--line:#e5eaf2;--bg:#f4f7fb;--purple:#6254e8;--blue:#4f46e5;--green:#078675;--red:#ca4761;--orange:#cc7b28;--radius:16px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{transition:background .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aaa1ff;outline-offset:3px}button:disabled{opacity:.45;cursor:default}svg.lucide{width:20px;height:20px;stroke-width:1.8;flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}a{color:inherit}.rail{width:76px;position:fixed;inset:0 auto 0 0;background:var(--navy);display:flex;align-items:center;flex-direction:column;gap:15px;padding:24px 0;z-index:10}.logo{width:44px;height:44px;background:#6557ec;border-radius:14px;display:grid;place-items:center;color:white}.logo svg{width:28px;height:28px}.rail-sep{height:1px;width:36px;background:#2b354c;margin:8px 0}.rail-item{background:transparent;border:0;color:#8d99b1;width:44px;height:44px;border-radius:12px}.rail-item.active,.rail-item:hover{color:white;background:#303758}.rail-bottom{margin-top:auto;background:#29344b;color:#c2ccde;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:12px;font-weight:700}.app{margin-left:76px}.topbar{min-height:79px;border-bottom:1px solid var(--line);background:white;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:750;letter-spacing:-.3px}.brand span{color:var(--muted);font-weight:400;font-size:14px;margin-left:18px;padding-left:18px;border-left:1px solid var(--line)}.top-actions{display:flex;align-items:center;gap:24px}.local{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.local svg{width:16px}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:9px;padding:10px 16px;font-size:14px;font-weight:650}.primary:hover{background:#4338ca}.button{background:#fff;color:var(--ink);border:1px solid #dbe2ec;padding:9px 14px;border-radius:9px;font-size:14px;font-weight:600}.button:hover{background:#f3f5fc}main{max-width:1620px;margin:auto;padding:30px 36px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:#8078af;margin-bottom:5px}h1{font-size:30px;letter-spacing:-1px;line-height:1.3;margin:0 0 8px;font-weight:750}p{margin:7px 0;color:var(--muted)}.page-heading p{font-size:14px}.heading-actions{display:flex;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:13px;font-weight:600}select,input[type=date]{border:1px solid #dbe2ed;border-radius:8px;background:white;padding:9px 10px;color:var(--ink);font-size:14px;min-width:0;max-width:100%}.unit-label select{padding:7px 10px}.filters{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.25fr 1.25fr 1.3fr auto;gap:12px;background:white;padding:17px 20px;border:1px solid var(--line);border-radius:12px}.reset{align-self:end;height:40px;width:40px;border:0;background:#f1f3fb;color:var(--muted);border-radius:8px}.tabs{display:flex;gap:26px;border-bottom:1px solid #dfe5f0;margin-top:23px}.tabs button{padding:12px 0 14px;border:0;border-bottom:3px solid transparent;background:none;font-size:14px;color:var(--muted);font-weight:600}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.context{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:13px;color:var(--muted);margin:18px 0}.context a{color:#6e5da2;text-decoration:underline;text-underline-offset:3px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kpi-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0;box-shadow:0 4px 12px #18274803}.kpi-card.featured{background:var(--navy);color:white;border-color:var(--navy)}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--muted)}.featured .kpi-top{color:#c2c8dc}.iconbox{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#efedfe;color:var(--blue)}.featured .iconbox{background:#35405b;color:#c4baff}.iconbox.green{background:#e6f6f0;color:var(--green)}.iconbox.orange{background:#fff2df;color:var(--orange)}.kpi-value{font-size:30px;font-weight:730;letter-spacing:-.8px;margin:13px 0 8px;line-height:1.2;white-space:nowrap}.kpi-value small{font-size:14px;font-weight:500;letter-spacing:0;color:#8490aa;margin-left:3px}.kpi-foot{color:var(--muted);font-size:12px;min-height:20px}.featured .kpi-foot{color:#aeb8ce}.secondary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:16px 0 24px}.mini-kpi{padding:0 12px;border-right:1px solid #dfe5ef}.mini-kpi:first-child{padding-left:2px}.mini-kpi:last-child{border:0}.mini-label{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}.mini-label svg{width:15px;height:15px}.mini-value{font-size:20px;font-weight:700;margin-top:4px}.mini-note{font-size:12px;color:var(--muted);margin-left:7px;font-weight:400}.chart-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.panel-head>svg{color:#949db2}.panel h2,.panel-head h2{font-size:17px;line-height:1.4;margin:0;font-weight:700;letter-spacing:-.3px}.panel h3{font-size:16px;margin:25px 0 10px}.panel p,.panel-head p{font-size:13px;margin:4px 0}.segmented{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f7f8fc}.segmented button{background:none;border:0;border-radius:5px;padding:5px 8px;font-size:12px;color:var(--muted);white-space:nowrap}.segmented button.active{background:white;color:var(--blue);box-shadow:0 1px 4px #1b264719;font-weight:650}.chart{min-height:235px}.chart svg{width:100%;height:auto;display:block;overflow:visible}.axis-label{fill:#79849b;font-size:12px}.gridline{stroke:#edf0f6;stroke-dasharray:3 5}.donut-area{display:flex;align-items:center;justify-content:center;margin:4px auto 18px;position:relative;width:168px;height:168px}.donut-area svg{width:168px;height:168px;transform:rotate(-90deg)}.donut-center{position:absolute;text-align:center;pointer-events:none}.donut-center strong{font-size:29px;display:block;line-height:1.2}.donut-center span{font-size:12px;color:var(--muted)}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0;font-size:13px}.legend-row .name{display:flex;gap:8px;align-items:center}.swatch{width:8px;height:8px;border-radius:2px}.legend-row strong{font-size:13px}.legend-row .val{color:var(--muted);font-size:12px;margin-right:10px}.insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.insight{background:#eef0fd;border:1px solid #e2e5f8;border-radius:12px;padding:15px 17px;display:flex;gap:12px;font-size:13px}.insight svg{color:var(--blue);margin-top:2px}.insight strong{display:block;margin-bottom:3px;font-weight:650}.insight span{color:#67718b}.insight.warn{background:#fff5e8;border-color:#f6e7d2}.insight.warn svg{color:var(--orange)}.lower{margin-bottom:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;white-space:nowrap}th{color:#8a94a6;font-weight:600;font-size:12px;background:#fafbfe}th,td{padding:12px 11px;border-bottom:1px solid #eef1f6}th:first-child,td:first-child{padding-left:0}th:first-child{padding-left:8px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbff}.product-name{font-weight:600}.product-sub{font-size:11px;color:var(--muted)}.margin-tag{padding:3px 7px;border-radius:5px;background:#eaf7f1;color:var(--green);font-size:12px;font-weight:650}.negative{color:var(--red)!important}.margin-tag.negative{background:#fff0f3}.compact-label{font-size:11px}.compact-label select{padding:5px 8px;font-size:12px}.bar-row{margin:16px 0}.bar-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.bar-track{height:8px;border-radius:5px;background:#f0f2f8;overflow:hidden}.bar-fill{height:100%;border-radius:5px;background:var(--purple)}.bar-note{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}.bridge{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.bridge-step{border-top:3px solid #7163ec;padding:12px 4px}.bridge-step.minus{border-color:#de9c52}.bridge-step.final{border-color:var(--green)}.bridge-step span{font-size:13px;color:var(--muted);display:block}.bridge-step strong{font-size:22px;letter-spacing:-.3px;display:block;margin:6px 0}.bridge-step small{color:var(--muted);font-size:12px}.metric-section{margin:24px 0}.metric-section h3{font-size:15px;margin-bottom:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-box{padding:17px 19px;background:white;border:1px solid var(--line);border-radius:12px}.metric-box span{font-size:13px;color:var(--muted);display:block}.metric-box strong{display:block;font-size:24px;margin:5px 0;font-weight:700;letter-spacing:-.4px}.metric-box p{font-size:12px;line-height:1.4}.formula-block{padding:17px;background:#f3f5fb;border-radius:9px;font-size:14px;line-height:1.9;margin:14px 0}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.quality-item{background:#f5f7fc;border-radius:10px;padding:16px}.quality-item strong{display:block;font-size:22px}.quality-item span{font-size:13px;color:var(--muted)}#methods>.panel>p{max-width:1000px;font-size:15px;line-height:1.7}.message{background:#fff3dd;border:1px solid #e9d3a6;border-radius:9px;padding:12px 16px;font-size:14px;margin-bottom:18px}.message.error{background:#fff0f3;border-color:#f0c7d0;color:#a52e49}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:13px;color:var(--muted)}.pagination>div{display:flex;gap:8px}.checkbox{flex-direction:row;align-items:center;font-size:13px}.checkbox input{accent-color:var(--blue);width:16px;height:16px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:26px;color:#8691a4;font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;padding:26px;width:min(480px,90vw);box-shadow:0 25px 100px #15203740}dialog::backdrop{background:#111b3266}dialog h2{font-size:20px;margin-top:0}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}[hidden]{display:none!important}.no-data{padding:40px;text-align:center;background:#fff;border:1px dashed #ccd4e1;border-radius:12px}.change{color:var(--green);font-weight:650}.change.negative{color:var(--red)}
@media(min-width:1450px){.kpi-value{font-size:35px}.chart{min-height:280px}.donut-area{margin:18px auto 25px}.panel{padding:24px}}
@media(max-width:1150px){main{padding:24px}.topbar{padding:16px 24px}.local,.brand span{display:none}.filters{grid-template-columns:repeat(3,1fr) auto}.filters>label:nth-child(4){grid-column:1}.filters .reset{grid-column:4;grid-row:1/3;align-self:center}.kpi-card{padding:17px}.kpi-value{font-size:25px}.chart-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr)}.panel{padding:18px}.trend-panel .panel-head{flex-direction:column}.metric-grid{grid-template-columns:repeat(3,1fr)}.bridge-step strong{font-size:19px}}
@media(max-width:900px){.chart-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insights{grid-template-columns:1fr}.secondary-grid{gap:8px}.mini-value{font-size:17px}.mini-note{display:block;margin:0}.bridge{grid-template-columns:repeat(3,1fr)}.quality-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;align-items:end}.trend-panel .panel-head{flex-direction:row}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rail{display:none}.app{margin:0}.topbar{padding:13px 16px;min-height:65px}.brand{font-size:15px}.primary{padding:9px 12px;font-size:13px}main{padding:22px 15px}h1{font-size:25px}.eyebrow{font-size:10px}.page-heading{flex-direction:column;gap:12px}.heading-actions{flex-direction:row;width:100%;justify-content:space-between;align-items:end}.filters{grid-template-columns:1fr 1fr;padding:14px;gap:10px}.filters>label:nth-child(4){grid-column:auto}.filters .reset{grid-column:auto;grid-row:auto;justify-self:end}.filters label:first-child{grid-column:1/-1}.tabs{gap:18px;overflow-x:auto;white-space:nowrap}.tabs button{font-size:13px}.context{align-items:start;flex-direction:column;gap:5px}.kpi-grid{gap:10px}.kpi-card{padding:15px}.kpi-top{font-size:12px}.iconbox{width:28px;height:28px}.iconbox svg{width:17px}.kpi-value{font-size:25px}.kpi-value small{font-size:11px}.kpi-foot{font-size:11px}.secondary-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.mini-kpi:nth-child(2){border:0}.mini-kpi:nth-child(3){padding-left:2px}.mini-note{display:inline;margin-left:5px}.mini-value{font-size:19px}.trend-panel .panel-head{flex-direction:column}.chart svg{min-width:460px}.chart{overflow-x:auto}.panel{padding:17px}.panel-head h2{font-size:16px}.bridge{grid-template-columns:1fr 1fr;gap:12px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-box{padding:14px}.metric-box strong{font-size:21px}.quality-grid{grid-template-columns:1fr 1fr}.quality-item{padding:12px}.quality-item strong{font-size:19px}footer{flex-direction:column}.pagination{gap:12px;flex-wrap:wrap}}

/* Persistent publishing controls: original dashboard styles retained. */
[hidden]{display:none!important}.update-label{color:#626a7d;font-size:14px;margin:-8px 0 20px}#admin-panel{margin-bottom:24px}#account-label{overflow-wrap:anywhere}#publish-dialog{width:min(560px,92vw);max-height:85dvh;overflow:auto}#publish-error{color:#ad3048;margin-top:12px}#publish-summary p{overflow-wrap:anywhere}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-grid div{background:#f3f4fa;padding:14px;border-radius:10px}.review-grid strong{display:block;font-size:20px;margin-top:6px}.stage-note{padding:12px;background:#fff6df;border-radius:8px}.button{white-space:nowrap}.top-actions{flex-wrap:wrap}.top-actions a{text-decoration:none;color:inherit}@media(max-width:650px){.local{display:none}.topbar{flex-wrap:wrap;gap:12px;height:auto;padding-block:15px}.review-grid{grid-template-columns:1fr}#admin-panel .panel-head{flex-wrap:wrap;gap:12px}}