:root{--red:#ed4057;--red-soft:#fff1f3;--ink:#20232d;--muted:#91949e;--body:#f6f7f9;--line:#eef0f3;--green:#279d7d;--radius:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--body);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f9b5bf;outline-offset:3px}a{color:inherit;text-decoration:none}svg{display:block}button svg,[data-icon] svg{width:19px;height:19px;flex-shrink:0}button{transition:background .18s,color .18s,box-shadow .18s}button:hover{filter:brightness(.97)}.app{display:flex;min-height:100vh}.sidebar{width:216px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:31px 18px 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 14px;font-size:27px;font-weight:800;letter-spacing:2px}.brand-icon{background:var(--red);padding:8px;border-radius:12px;box-shadow:0 5px 12px #ed40571d;color:white}.brand-icon svg{width:27px;height:27px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.5px;color:#92959e;margin-top:2px}.workspace-label{margin:46px 15px 15px;color:#9699a3;font-size:11px}.workspace-label span{font-size:8px;letter-spacing:.8px;margin-left:4px;color:#b1b4bd}.main-nav{display:grid;gap:9px}.nav-item{display:flex;align-items:center;gap:13px;height:46px;padding:0 17px;border-radius:8px;color:#6e727d;font-size:13px;text-align:left}.nav-item.active{background:var(--red-soft);color:var(--red);font-weight:600}.nav-item i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--red)}.nav-item:not(.active) i{display:none}.nav-item:hover{background:#f7f8fa}.sidebar-bottom{margin-top:auto;padding-top:50px}.source-card{background:linear-gradient(140deg,#f9f9fb,#f2f4f7);border:1px solid #eef0f4;padding:17px 15px 13px;border-radius:12px}.source-logo{display:block;color:#6f7c9f;margin-bottom:11px}.source-card strong{font-size:12px;font-weight:600}.source-card p{font-size:10px;color:#979ba5;margin:8px 0 17px}.source-card button{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e8ed;padding:12px 0 0;width:100%;font-size:11px;color:#747985}.source-card button svg{width:15px;height:15px}.profile{width:100%;display:flex;align-items:center;gap:10px;text-align:left;margin:23px 0 20px;padding:7px 5px}.avatar,.mini-avatar{border-radius:50%;background:#eaeaf2;display:flex;align-items:center;justify-content:center;font-weight:700;color:#73718f}.avatar{width:34px;height:34px}.profile strong{font-size:11px;display:block;font-weight:500}.profile small{font-size:9px;color:#999da7;display:block;margin-top:5px}.profile>span:last-child{margin-left:auto;color:#a6a9b0}.workspace{margin-left:216px;width:calc(100% - 216px)}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{display:flex;align-items:center;gap:13px;color:#9b9faa;font-size:11px}.breadcrumb svg{width:16px;height:16px}.breadcrumb strong{color:#555b68;font-weight:500}.slash{color:#c9ccd3}.topbar-actions{display:flex;align-items:center;gap:17px}.preview-badge{font-size:10px;color:#8d8490;display:flex;align-items:center;gap:6px}.preview-badge i{width:5px;height:5px;background:#c6a070;border-radius:50%}.top-divider{width:1px;height:18px;background:#eceef2}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:#969aa5;border-radius:7px}.icon-button:hover{background:#f4f5f7}.icon-button svg{width:17px;height:17px}.mini-avatar{width:29px;height:29px;font-size:11px}.mobile-brand{display:none}main{max-width:1570px;padding:31px 35px 20px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:8px;letter-spacing:2px;color:#9c9faa;margin-bottom:9px}h1{font-size:25px;font-weight:650;letter-spacing:1px;margin:0;display:flex;align-items:center;gap:10px}.title-dot{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block}.page-heading p{margin:9px 0 0;font-size:11px;color:#969aa4;letter-spacing:.3px}.heading-actions{display:flex;gap:9px;align-items:center}.button,.select-wrap{display:flex;align-items:center;gap:7px;border:1px solid #e3e5ea;background:white;padding:10px 13px;border-radius:7px;font-size:11px;color:#626773}.button svg,.select-wrap svg{width:14px;height:14px}.select-wrap{padding:0 11px;height:35px}.select-wrap select{border:0;background:transparent;max-width:160px;font-size:11px;padding:8px 4px;color:#626773;cursor:pointer}.filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:14px}.date-tabs{display:flex;background:#eceef2;padding:3px;border-radius:7px;gap:2px}.date-tabs button{padding:7px 17px;font-size:11px;color:#8e929d;border-radius:5px;white-space:nowrap}.date-tabs .selected{color:var(--ink);background:white;box-shadow:0 1px 4px #25283b0a;font-weight:600}.date-meta{display:flex;align-items:center;gap:9px;color:#8f949f;font-size:10px;white-space:nowrap}.date-meta svg{width:13px;height:13px}.subtle-divider{color:#d2d5db;margin:0 4px}.refresh-button{width:24px;height:24px}.demo-notice{background:#fffbf3;border:1px solid #f5ecdc;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;margin-bottom:19px;color:#ac9473;font-size:10px}.demo-notice>span svg{width:13px;height:13px}.demo-notice p{margin:0}.demo-notice button{margin-left:auto;display:flex;align-items:center;gap:2px;color:#a58c68;font-size:10px;white-space:nowrap}.demo-notice button svg{width:13px;height:13px}.kpi-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:15px;margin-bottom:20px}.kpi{background:white;border:1px solid #ebeef2;border-radius:var(--radius);padding:19px 20px 15px;position:relative;overflow:hidden;min-height:139px}.kpi.featured{background:linear-gradient(115deg,#fff4f5,#fffafa);border-color:#f8dce1}.kpi-label{display:flex;gap:7px;align-items:center;color:#777d89;font-size:11px;position:relative;z-index:1}.kpi-label svg{width:12px;height:12px;color:#b8bdc6}.featured .kpi-label{color:#b76b76}.kpi-number{font-size:27px;font-weight:650;letter-spacing:-.8px;margin-top:15px;font-variant-numeric:tabular-nums;position:relative;z-index:1}.kpi-number small{font-size:17px;margin-right:3px;font-weight:500}.featured .kpi-number{color:#e73c53;font-size:30px}.kpi-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#9c9faa;font-size:9px;position:relative;z-index:1}.change{color:var(--green);font-weight:500;margin-left:5px}.change.down{color:#cf8660}.spark{position:absolute;right:18px;bottom:16px;width:60px;height:26px;opacity:.7}.featured .spark{color:var(--red);opacity:.6}.kpi:not(.featured) .spark{color:#7bbfae}.kpi-ornament{position:absolute;width:105px;height:105px;border:1px solid #f8dfe3;border-radius:50%;right:-28px;top:-24px;transform:rotate(-30deg)}.kpi-ornament:before,.kpi-ornament:after{content:"";position:absolute;border:1px solid #f8dfe3;border-radius:50%;inset:13px}.kpi-ornament:after{inset:27px}.panel{background:white;border:1px solid #ebeef2;border-radius:var(--radius);min-width:0;overflow:hidden}.main-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);gap:19px;margin-bottom:20px}.panel-heading{padding:21px 22px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-title{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.panel-title .tiny-label{font-weight:400;font-size:9px;padding:2px 5px;border-radius:4px;color:#999da6;background:#f3f4f7}.panel-subtitle{font-size:9px;color:#a2a6b0;margin:7px 0 0}.text-button{color:#989da7;font-size:10px;display:flex;align-items:center;gap:3px;padding:3px 0;white-space:nowrap}.text-button svg{width:13px;height:13px}.chart-metrics{display:flex;gap:23px;padding:20px 22px 0;border-bottom:1px solid var(--line)}.chart-metrics button{font-size:10px;color:#8e949e;padding:0 0 12px;position:relative}.chart-metrics button.active{color:#353946;font-weight:600}.chart-metrics button.active:after{content:"";position:absolute;height:2px;background:var(--red);bottom:-1px;left:0;right:0}.chart-wrap{padding:14px 22px 13px;position:relative}.chart-legend{display:flex;gap:17px;justify-content:flex-end;font-size:9px;color:#9da1aa;margin-bottom:4px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-line{width:12px;height:2px;display:inline-block;background:var(--red);border-radius:2px}.legend-line.previous{background:#c1c5cd}.chart-svg{width:100%;height:auto;min-height:164px;overflow:visible}.chart-svg text{font-family:inherit;font-size:10px;fill:#a7acb5}.chart-svg .data-dot{cursor:pointer}.chart-tooltip{font-size:11px;min-height:24px;padding:5px 10px;color:#969aa6;text-align:center}.chart-tooltip.has-point{color:#c54255;background:#fff5f6;border-radius:5px}.mini-segment{display:flex;gap:3px;background:#f5f6f8;border-radius:5px;padding:2px}.mini-segment button{font-size:9px;color:#9da1a9;border-radius:4px;padding:5px 8px}.mini-segment .active{color:#6c7280;background:white;box-shadow:0 1px 3px #11111108}.channel-layout{padding:8px 22px 18px}.donut-wrap{position:relative;display:flex;justify-content:center;align-items:center;height:184px}.donut{width:155px;height:155px;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:16}.donut-center{position:absolute;text-align:center}.donut-center small{font-size:9px;color:#a5a9b0}.donut-center strong{font-size:23px;font-weight:650;display:block;margin:7px 0 4px;letter-spacing:-.6px}.donut-center span{font-size:9px;color:#b3b6be}.channel-list{display:grid;gap:12px}.channel-row{display:grid;grid-template-columns:8px 1fr auto 45px;gap:9px;align-items:center;font-size:10px}.channel-row i{width:6px;height:6px;border-radius:2px;background:var(--channel)}.channel-row .name{color:#898e98}.channel-row strong{font-weight:550;color:#636a77;font-variant-numeric:tabular-nums}.channel-row .pct{color:#9fa4ae;text-align:right;font-size:9px}.insight-strip{display:flex;align-items:center;gap:12px;border:1px solid #e8eaf1;background:linear-gradient(90deg,#f0f2fa,#f8f9fd);border-radius:10px;padding:14px 17px;margin-bottom:20px}.insight-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#e4e8f6;color:#7d88b4;flex-shrink:0}.insight-icon svg{width:17px;height:17px}.insight-strip strong{font-size:11px;font-weight:600;display:block;margin-bottom:4px;color:#646c88}.insight-strip p{font-size:10px;color:#8b91a4;margin:0;line-height:1.6}.insight-strip b{color:#687697;font-weight:600}.insight-strip button{margin-left:auto;color:#8c94ae;display:flex;gap:5px;align-items:center;font-size:10px;white-space:nowrap}.insight-strip button svg{width:13px;height:13px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);gap:19px}.product-tools{display:flex;align-items:center;gap:12px}.product-search{position:relative;margin:18px 22px 0}.product-search input{border:1px solid #e7e9ee;background:#fafbfc;border-radius:6px;width:100%;padding:10px 12px 10px 35px;outline-offset:1px;font-size:11px}.product-search>span{position:absolute;left:11px;top:9px;color:#acb1bc}.product-search svg{width:15px;height:15px}.product-table{width:100%;border-collapse:collapse;font-size:10px;margin-top:17px;text-align:left}.product-table th{font-weight:400;color:#a0a5af;background:#fafbfc;padding:11px 10px;white-space:nowrap}.product-table th:first-child{padding-left:22px;width:40px}.product-table th:last-child{padding-right:22px}.product-table td{padding:13px 10px;border-bottom:1px solid #f3f4f6;color:#737987;font-variant-numeric:tabular-nums}.product-table tr:last-child td{border:0}.product-table td:first-child{padding-left:22px;color:#b7bbc4;font-size:12px}.product-table tr:nth-child(1) .rank{color:#e5a05f}.product-table tr:nth-child(2) .rank{color:#939fb3}.product-table tr:nth-child(3) .rank{color:#bc9b8e}.product-table td:last-child{padding-right:22px}.product-name{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;padding:0}.product-art{width:39px;height:42px;background:var(--product-bg);border-radius:5px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-art svg{width:35px;height:35px}.product-text{max-width:190px}.product-text strong{font-size:10px;color:#575e6b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.product-text small{display:block;font-size:8px;color:#b1b5bd;margin-top:5px}.product-table .amount{color:#4d5462;font-weight:600;white-space:nowrap}.table-sort{font-size:10px;color:#a0a5af;padding:0}.table-sort.selected{color:#ed4057}.table-bottom{border-top:1px solid #f2f3f6;text-align:center;padding:12px;font-size:9px;color:#aaaeb8}.funnel{padding:22px}.funnel-item{margin-bottom:18px}.funnel-label{display:flex;justify-content:space-between;font-size:10px;color:#8d929d;margin-bottom:8px}.funnel-label strong{color:#636a78;font-weight:600;font-size:11px}.funnel-track{height:9px;border-radius:3px;background:#f6f7fa;overflow:hidden}.funnel-fill{height:100%;width:var(--width);background:var(--fill);border-radius:3px;transition:width .4s}.funnel-rate{font-size:8px;color:#adb1bb;margin-top:7px;text-align:right}.funnel-total{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #e9ecf1;padding-top:15px;margin-top:4px}.funnel-total span{font-size:9px;color:#9399a4}.funnel-total strong{font-size:22px;font-weight:600;letter-spacing:-.7px;color:#e1586a}.funnel-note{font-size:8px;line-height:1.6;color:#b2b6bf;margin:9px 0 0}.page-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#b1b6bf;margin:27px 2px 5px;gap:10px}.footer-brand{font-size:8px;letter-spacing:1px;color:#9ca2ad}.footer-brand b{color:#ee6779;font-size:12px;margin:0 5px}.full-panel{margin-bottom:20px}.full-panel .product-text{max-width:400px}.empty{padding:50px 20px;text-align:center;color:#a0a5af}.full-panel .chart-svg{max-height:350px}.traffic-page{grid-template-columns:1fr 1fr}.mobile-nav{display:none}dialog{padding:24px;border:1px solid #e7e9ef;border-radius:17px;width:min(460px,calc(100% - 32px));box-shadow:0 25px 100px #20263426;color:var(--ink)}dialog::backdrop{background:#171d304d;backdrop-filter:blur(3px)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-kicker{font-size:9px;color:#a3a8b4;letter-spacing:1.5px}dialog h2{font-size:21px;margin:0 0 13px}dialog p{font-size:12px;line-height:1.9;color:#8c939f}.source-status{display:flex;align-items:center;gap:9px;padding:13px;background:#fff7e9;border:1px solid #f5e9d4;border-radius:8px;margin:20px 0;color:#b29562;font-size:11px}.source-status i{width:6px;height:6px;background:#c7a36a;border-radius:50%}.modal-primary{padding:12px 16px;border-radius:7px;background:var(--red);color:white;display:inline-flex;justify-content:center;align-items:center;gap:9px;width:100%;font-size:12px;margin-top:15px}.modal-primary svg{width:16px;height:16px}.modal-secondary{border:1px solid #e8eaf0;padding:11px 16px;border-radius:7px;font-size:11px;width:100%;margin-top:9px}.field-row{display:flex;gap:13px;margin-top:20px}.field-row label{font-size:11px;color:#9399a5;flex:1;min-width:0}.field-row input{display:block;width:100%;margin-top:8px;padding:11px 8px;border:1px solid #e2e5ec;border-radius:6px;background:white;color:#5f6877}.form-error{color:#dd465e!important;min-height:20px;margin:12px 0 0}.detail-product{display:flex;align-items:center;gap:15px;margin-bottom:24px}.detail-product .product-art{width:65px;height:70px}.detail-product .product-art svg{width:56px;height:56px}.detail-product h2{font-size:17px;margin:0 0 7px}.detail-product p{margin:0;font-size:10px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-metrics>div{background:#f7f8fb;border-radius:8px;padding:16px}.detail-metrics span{font-size:10px;color:#8f97a4}.detail-metrics strong{display:block;font-size:24px;margin-top:8px;color:#4a5362}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);background:#282d3dec;color:white;border-radius:9px;padding:13px 20px;max-width:calc(100vw - 32px);font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;text-align:center;line-height:1.5}.toast.visible{opacity:1;transform:translate(-50%,0)}.spin svg{animation:spin .6s linear}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-enter{animation:enter .3s ease-out}@keyframes enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.kpi{min-height:150px}.chart-svg{max-height:260px}.product-table td{padding-top:17px;padding-bottom:17px}}
@media(max-width:1200px){.sidebar{width:184px;padding-left:12px;padding-right:12px}.workspace{margin-left:184px;width:calc(100% - 184px)}.brand{font-size:24px;padding:0 10px}.brand small{font-size:9px}.workspace-label{font-size:10px}.workspace-label span{display:none}main{padding:27px 24px 18px}.topbar{padding:0 24px}.kpi-grid{gap:11px}.kpi{padding:17px 14px 15px}.kpi-number{font-size:24px}.featured .kpi-number{font-size:26px}.main-grid,.bottom-grid{gap:15px;grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr)}.date-tabs button{padding-left:13px;padding-right:13px}.date-meta{gap:6px;font-size:9px}.product-text{max-width:140px}.panel-heading{padding:19px 18px 0}.chart-wrap{padding-left:16px;padding-right:16px}.chart-metrics{padding-left:18px}.channel-layout{padding-left:18px;padding-right:18px}.product-table th:first-child,.product-table td:first-child{padding-left:18px}.product-table th,.product-table td{padding-left:7px;padding-right:7px}.product-art{width:34px;height:38px}.product-name{gap:7px}.spark{width:42px;right:13px}.traffic-page{grid-template-columns:1fr 1fr}}
@media(max-width:1000px) and (min-width:761px){.sidebar{width:166px}.workspace{margin-left:166px;width:calc(100% - 166px)}main{padding-left:20px;padding-right:20px}.source-card{padding:13px 10px}.brand{gap:7px}.brand-icon{padding:6px}.brand-icon svg{width:24px;height:24px}.brand{font-size:22px}.main-grid,.bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(235px,1fr)}.date-meta #updated-label,.date-meta .subtle-divider{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{min-height:131px}.product-table .order-column{display:none}.product-text{max-width:110px}.product-table td:last-child{padding-right:14px}.chart-metrics{gap:18px}.traffic-page{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{font-size:12px}.sidebar{display:none}.workspace{margin-left:0;width:100%}.topbar{height:60px;padding:0 20px;background:var(--body);border:0}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:21px;font-weight:750;letter-spacing:2px}.mobile-brand>span{background:var(--red);border-radius:8px;padding:5px;color:white}.mobile-brand svg{width:20px;height:20px}.topbar-actions{gap:9px}.top-divider,.mini-avatar{display:none}.preview-badge{font-size:9px}.topbar .icon-button{width:25px}.topbar .icon-button svg{width:16px}main{padding:15px 16px 90px;max-width:600px}.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:8px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px;margin-top:8px}.title-dot{width:5px;height:5px}.heading-actions{padding-top:19px}.select-wrap{padding:0 7px;height:30px;border-color:#e7e9ee;background:#ffffffb3}.select-wrap select{font-size:10px;max-width:120px;padding:7px 0}.select-wrap svg{width:12px;height:12px}.export-button{display:none}.filter-bar{display:block;margin-bottom:13px}.date-tabs{display:flex;justify-content:space-between;width:100%;padding:4px}.date-tabs button{flex:1;padding:8px 5px;font-size:11px}.date-meta{justify-content:flex-start;margin-top:12px;font-size:9px;gap:8px}.refresh-button{margin-left:auto}.date-meta .subtle-divider{margin-left:auto}.demo-notice{padding:9px 10px;margin-bottom:16px;font-size:9px;gap:6px}.demo-notice p{max-width:230px;line-height:1.6}.demo-notice button{font-size:9px}.demo-notice button svg{display:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.kpi{min-height:132px;padding:16px 14px 14px;border-radius:11px}.kpi-label{font-size:10px;gap:5px}.kpi-number{font-size:25px;margin-top:14px}.kpi-number small{font-size:15px}.featured .kpi-number{font-size:27px}.kpi-foot{margin-top:12px;font-size:8px}.change{margin-left:4px}.spark{width:38px;height:20px;bottom:13px;right:11px;opacity:.55}.main-grid,.bottom-grid,.traffic-page{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.panel{border-radius:11px}.panel-heading{padding:18px 17px 0}.panel-title{font-size:13px}.panel-subtitle{font-size:9px}.chart-metrics{padding:18px 17px 0;gap:25px}.chart-metrics button{font-size:10px}.chart-wrap{padding:13px 12px 9px}.chart-legend{padding-right:6px;gap:14px;font-size:8px}.chart-svg{min-height:174px}.chart-svg text{font-size:11px}.chart-tooltip{font-size:9px;min-height:23px;padding:4px 0}.channel-layout{display:flex;gap:16px;align-items:center;padding:14px 17px 19px}.donut-wrap{height:145px;flex:0 0 140px}.donut{width:135px;height:135px}.donut-center strong{font-size:20px;margin-top:7px}.donut-center small,.donut-center span{font-size:8px}.channel-list{flex:1;min-width:0;gap:17px}.channel-row{grid-template-columns:6px 1fr auto;gap:6px;align-items:center;font-size:9px}.channel-row strong{grid-column:2;grid-row:auto;font-size:10px}.channel-row .pct{grid-row:span 2;grid-column:3;align-self:center;font-size:9px}.channel-row .name{white-space:nowrap}.channel-row i{grid-row:span 2}.insight-strip{padding:12px;gap:9px;margin-bottom:16px;border-radius:9px}.insight-icon{width:29px;height:29px}.insight-strip strong{font-size:10px}.insight-strip p{font-size:9px}.insight-strip button{font-size:0}.insight-strip button svg{width:16px;height:16px}.product-table{font-size:10px;margin-top:15px}.product-table th{font-size:9px;padding:10px 7px}.product-table td{padding:12px 7px}.product-table th:first-child,.product-table td:first-child{padding-left:15px;width:28px}.product-table .order-column{display:none}.product-table td:last-child,.product-table th:last-child{padding-right:15px}.product-art{width:35px;height:40px}.product-text,.full-panel .product-text{max-width:137px}.product-text strong{font-size:10px}.product-text small{font-size:8px}.product-name{gap:7px}.product-table .growth-cell{font-size:9px}.product-table .amount{font-size:10px}.product-tools{gap:5px}.text-button{font-size:9px}.product-search{margin:15px 15px 0}.product-table .growth-column{display:none}.funnel{padding:20px 18px}.funnel-item{margin-bottom:18px}.funnel-track{height:10px}.funnel-label{font-size:10px}.funnel-rate{font-size:8px}.funnel-total{padding-top:14px}.funnel-total strong{font-size:24px}.page-footer{margin-top:25px;justify-content:center;flex-wrap:wrap;gap:9px;font-size:8px}.page-footer>span:last-child{width:100%;text-align:center;font-size:8px;margin-top:3px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;z-index:20;background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid #eceef3;padding:9px 7px calc(9px + env(safe-area-inset-bottom));}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;color:#a2a6b0;font-size:9px;padding:3px 22px}.mobile-nav button svg{width:20px;height:20px}.mobile-nav button.active{color:var(--red)}.toast{bottom:90px;min-width:220px;font-size:11px}.full-panel .chart-svg{max-height:280px}.modal-top{margin-bottom:12px}}
@media(max-width:370px){main{padding-left:12px;padding-right:12px}.kpi-number{font-size:23px}.featured .kpi-number{font-size:24px}.kpi-foot{font-size:7px}.spark{width:27px}.channel-layout{gap:6px;padding-left:11px;padding-right:11px}.donut-wrap{flex-basis:124px}.donut{width:120px;height:120px}.product-text,.full-panel .product-text{max-width:110px}.product-art{width:30px;height:34px}.product-name{gap:5px}.select-wrap select{max-width:95px}.mobile-nav button{padding-left:19px;padding-right:19px}.demo-notice p{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}