:root{--ink:#17231f;--muted:#6c7873;--paper:#f3f1eb;--card:#fffdf8;--green:#1f6b4f;--mint:#d9ede4;--line:#dddcd5;--red:#b84a3a;--orange:#e47736}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Inter,Segoe UI,sans-serif}body.modal-open{overflow:hidden}header{padding:28px max(4vw,24px);display:flex;align-items:end;justify-content:space-between;background:var(--ink);color:white}h1{margin:2px 0 0;font-size:clamp(28px,4vw,52px);letter-spacing:-.04em}h2{margin:0}.eyebrow{font-size:11px;letter-spacing:.18em;color:#a7d2bf}.eyebrow.dark{color:var(--green)}select{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:white}main{max-width:1400px;margin:auto;padding:24px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #17231f0b}.card{padding:18px}.card strong{display:block;font-size:28px}.card span,.muted{color:var(--muted)}.panel{padding:20px;margin-bottom:16px}.intel-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.gap-pill,.new-count{padding:6px 10px;border-radius:20px;background:var(--mint);color:var(--green);font-size:12px;font-weight:700}.gap-pill.behind{background:#f8dfd7;color:var(--red)}.versus-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:22px 0}.score-side{padding:18px;border-radius:14px;background:#f0eee7}.score-side.own{background:var(--ink);color:white}.score-side small,.score-side span{display:block;color:var(--muted)}.score-side.own small,.score-side.own span{color:#bcd2c8}.score-side strong{display:block;font-size:42px;line-height:1}.score-vs{font-weight:900;color:var(--muted)}.brand-row{margin-top:12px}.brand-label{display:flex;justify-content:space-between;margin-bottom:5px}.brand-label span{color:var(--muted);font-size:12px}.brand-label i{color:var(--orange);font-style:normal;font-weight:700}.bar-track{height:8px;background:#e6e3db;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:#81938b;border-radius:10px}.bar-fill.own{background:var(--green)}.new-products{max-height:420px;overflow:auto}.new-product{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;color:var(--ink)}.new-product:hover{background:#f7f4ec}.new-product small{display:block;color:var(--muted);margin-top:2px}.new-product em{font-size:11px;color:var(--muted);font-style:normal}.new-badge{padding:4px 6px;border-radius:6px;background:var(--orange);color:white;font-size:9px;font-weight:900;letter-spacing:.08em}.empty{padding:24px 0;color:var(--muted)}.controls{display:flex;justify-content:space-between;align-items:end}.controls p{margin:4px 0;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{font-size:11px;text-transform:uppercase;color:var(--muted)}tbody tr{cursor:pointer}tbody tr:hover{background:var(--mint)}a{color:var(--green);font-weight:650;text-decoration:none}.positive{color:var(--green);font-weight:700}.negative{color:var(--red);font-weight:700}.tag{display:inline-block;padding:2px 8px;border-radius:20px;background:var(--mint);font-size:11px;margin-left:6px}.hidden{display:none!important}
.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:#101915cc;backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(1050px,96vw);height:min(780px,92vh);display:flex;flex-direction:column;overflow:hidden;background:var(--card);border-radius:22px;box-shadow:0 30px 90px #0007}.modal-header{padding:22px 26px 18px;display:flex;align-items:start;justify-content:space-between;background:var(--card);border-bottom:1px solid var(--line)}.modal-header h2{max-width:820px;font-size:24px;line-height:1.25}.modal-meta{display:flex;gap:16px;margin-top:7px;color:var(--muted);font-size:12px}.modal-close{width:40px;height:40px;border:0;border-radius:50%;background:#ece9e1;color:var(--ink);font-size:28px;line-height:1;cursor:pointer}.modal-close:hover{background:#ded9ce}.tabs{display:flex;gap:4px;padding:12px 26px 0;border-bottom:1px solid var(--line)}.tab-button{padding:11px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.tab-button span{margin-left:5px;padding:2px 7px;border-radius:10px;background:#ece9e1;font-size:11px}.tab-button.active{color:var(--green);border-color:var(--green)}.modal-body{flex:1;min-height:0;overflow:hidden}.tab-panel{display:none;height:100%;overflow:auto;padding:22px 26px 28px}.tab-panel.active{display:block}.product-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.product-kpi{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f7f5ef}.product-kpi span{display:block;color:var(--muted);font-size:12px}.product-kpi strong{font-size:21px}.chart-wrap{height:420px}.seller-grid,.review-grid{display:grid;gap:10px}.seller-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:14px}.seller-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--green);font-weight:800}.seller-card small{display:block;color:var(--muted);margin-top:3px}.seller-price{text-align:right}.seller-price strong,.seller-price a{display:block}.seller-price a{font-size:12px;margin-top:3px}.review-grid{grid-template-columns:repeat(2,1fr)}.review-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.review-head{display:flex;justify-content:space-between;gap:12px}.review-card>small{color:var(--muted)}.review-card p{margin:10px 0 0}.rating-pill{padding:3px 8px;border-radius:12px;background:var(--mint);color:var(--green);font-size:11px;font-weight:800}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.intel-grid{grid-template-columns:1fr}.controls{align-items:start;gap:12px}.table-wrap{overflow:auto}header{align-items:start;gap:16px}.modal{padding:0}.modal-card{width:100vw;height:100vh;border-radius:0}.product-kpis{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.seller-card{grid-template-columns:auto 1fr}.seller-price{grid-column:2;text-align:left}.chart-wrap{height:360px}}