:root{--ui-bg:#f8f9fd;--ui-surface:#fff;--ui-line:#e6eaf2;--ui-ink:#202b42;--ui-muted:#738096;--ui-blue:#5065f6;--ui-blue-soft:#edf0ff;--ui-red:#d84b50;--ui-amber:#c88926;--ui-green:#19a675}
*{box-sizing:border-box}
html,body{min-width:320px}
body.insight-theme{margin:0;background:var(--ui-bg);color:var(--ui-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}
a{color:var(--ui-blue)}
.workspace-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}
.site-sidebar{position:sticky;top:0;height:100vh;min-width:0;background:#fff;border-right:1px solid var(--ui-line);display:flex;flex-direction:column;padding:27px 17px 20px}
.site-brand{display:flex;align-items:center;gap:11px;padding:0 10px 33px;color:var(--ui-ink);text-decoration:none}
.site-brand:hover{color:var(--ui-ink)}
.brand-symbol{width:39px;height:39px;background:var(--ui-blue);border-radius:11px;color:#fff;display:grid;place-items:center;font-size:23px;font-weight:850;letter-spacing:-.1em}
.brand-dot{color:#b9c3ff}
.site-brand strong,.site-brand small{display:block}
.site-brand strong{font-size:17px;letter-spacing:-.02em}
.site-brand small{font-size:9px;letter-spacing:.13em;font-weight:750;color:#a4acc0;margin-top:2px}
.nav-label{font-size:10px;color:#9ba6ba;font-weight:800;letter-spacing:.13em;padding:0 16px 10px}
.side-nav{display:grid;gap:5px}
.side-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 15px;border-radius:9px;color:#68778f;font-size:13px;font-weight:650;text-decoration:none}
.side-link:hover,.side-link.active{color:var(--ui-blue);background:var(--ui-blue-soft)}
.side-link.active{font-weight:800}
.nav-icon{width:19px;text-align:center;font-size:18px;font-weight:500;line-height:1}
.sidebar-foot{display:grid;grid-template-columns:9px 1fr;gap:3px 9px;align-items:center;padding:17px 14px 0;margin-top:auto;border-top:1px solid var(--ui-line);color:#647286;font-size:11px}
.sidebar-foot small{grid-column:2;color:#a1aabc;font-size:10px}
.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ui-green);box-shadow:0 0 0 3px #dff8ef;flex:none}
.workspace-main{min-width:0}
.workspace-topbar{height:67px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;background:#fff;border-bottom:1px solid var(--ui-line)}
.topbar-location{display:flex;align-items:center;gap:11px;color:#919bab;font-size:12px}
.topbar-location strong{color:#39455c;font-weight:750}
.topbar-separator{color:#bac2ce}
.topbar-right{display:flex;align-items:center;gap:19px}
.topbar-local{display:flex;align-items:center;gap:8px;color:#7e8b9f;font-size:11px}
.topbar-mark{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;background:#edf0ff;color:var(--ui-blue);font-weight:850}
.content-shell{max-width:1660px;padding:30px 34px 76px;margin:0 auto}
.page-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.page-intro h1{font-size:29px;letter-spacing:-.035em;margin:1px 0 5px;font-weight:800}
.page-intro p:last-child{margin:0;color:var(--ui-muted);font-size:12px;line-height:1.5}
.eyebrow,.section-kicker{display:block;margin:0 0 5px;font-size:10px;letter-spacing:.15em;color:var(--ui-blue);font-weight:800}
.btn{border-radius:8px;font-weight:700}
.btn-primary{--tblr-btn-bg:var(--ui-blue);--tblr-btn-border-color:var(--ui-blue);--tblr-btn-hover-bg:#3f52e7;--tblr-btn-hover-border-color:#3f52e7}
.btn-outline-primary{--tblr-btn-color:var(--ui-blue);--tblr-btn-border-color:#c9d0ff;--tblr-btn-hover-bg:var(--ui-blue);--tblr-btn-hover-border-color:var(--ui-blue)}
.panel-card,.stat-tile,.card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px;box-shadow:0 1px 2px rgba(27,45,93,.02)}
.panel-card{min-width:0;padding:24px 27px}
.overview-fallback-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-8px 0 20px;padding:14px 17px;border:1px solid #dbe2ff;border-radius:11px;background:#f6f8ff;color:#33405b}
.overview-fallback-notice div{display:grid;gap:3px}.overview-fallback-notice strong{font-size:13px}.overview-fallback-notice span{font-size:11px;color:#71809a}.overview-fallback-notice a{font-size:11px;font-weight:700;white-space:nowrap}
.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px}
.panel-heading h2{font-size:17px;font-weight:800;letter-spacing:-.018em;margin:0}
.panel-heading p{margin:4px 0 0;color:var(--ui-muted);font-size:11px}
.panel-kicker{font-size:10px;color:#a9b2c4;letter-spacing:.08em;font-weight:750}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}
.stat-tile{padding:22px 23px 19px;min-width:0}
.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:18px;font-weight:800;margin-bottom:17px}
.stat-icon.indigo{background:#eef0ff;color:var(--ui-blue)}
.stat-icon.coral{background:#fff0f0;color:#e06063}
.stat-icon.teal{background:#e7faf5;color:#1b9d7a}
.stat-icon.amber{background:#fff7e9;color:#c99438}
.stat-label{font-size:12px;color:var(--ui-muted);font-weight:650}
.stat-value{font-size:30px;letter-spacing:-.035em;font-weight:820;line-height:1.25;margin:7px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.stat-value.money-value{font-size:27px}
.stat-value small{font-size:14px;color:#8693a6;margin-left:3px}
.stat-foot{font-size:11px;color:#8b97aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-divider{padding:0 4px}
.risk-dot{display:inline-block;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin:0 5px 1px 8px}
.risk-dot:first-child{margin-left:0}
.risk-dot.red{background:var(--ui-red)}.risk-dot.yellow{background:var(--ui-amber)}
.analytics-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);gap:18px;margin-bottom:20px}
.chart-holder{position:relative;min-width:0}
.chart-bars{height:275px}.chart-area{height:315px}.chart-window-product{height:210px}
.chart-holder canvas{width:100%!important;height:100%!important}
.coverage-panel{display:flex;flex-direction:column}
.coverage-visual{flex:1;min-height:184px;display:grid;place-items:center}
.coverage-ring,.run-gauge-ring{width:182px;height:182px;border-radius:50%;background:conic-gradient(var(--ui-blue) var(--coverage),#e8ebf4 0);display:grid;place-items:center;position:relative}
.coverage-ring:before,.run-gauge-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}
.coverage-ring>div{position:relative;text-align:center}
.coverage-ring strong{display:block;font-size:36px;letter-spacing:-.04em;line-height:1.2;font-variant-numeric:tabular-nums}
.coverage-ring span{font-size:11px;color:var(--ui-muted)}
.coverage-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ui-line);padding-top:16px;margin-top:15px;text-align:center}
.coverage-detail>div+div{border-left:1px solid var(--ui-line)}
.coverage-detail strong,.coverage-detail span{display:block}
.coverage-detail strong{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.coverage-detail span{font-size:10px;color:var(--ui-muted);margin-top:3px}
.trend-panel{margin-bottom:20px}
.window-control{display:grid;gap:4px;min-width:125px;color:var(--ui-muted);font-size:10px;font-weight:750}
.window-control .form-select{font-size:12px;border-color:var(--ui-line)}
.chart-note{color:#9aa5b6;font-size:11px;margin:8px 0 0}
.period-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
.period-tile{padding:19px 22px 16px;border-top:3px solid #5065f6}
.period-secondary{border-top-color:#8394ff}.period-tertiary{border-top-color:#a4b0ff}
.period-top{display:flex;justify-content:space-between;align-items:center;color:#5065f6;font-weight:800;font-size:14px;margin-bottom:12px}
.period-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eef0ff;font-size:18px}
.period-tile .stat-label{font-size:11px}.period-tile .stat-value{font-size:35px;margin:3px 0 8px}
.period-amount{font-size:12px;color:#77859a}.period-amount strong{color:#263247;font-size:15px;margin-left:5px;font-variant-numeric:tabular-nums}
.period-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf0f7;padding-top:10px;margin-top:12px;color:#8592a5;font-size:10px;white-space:nowrap}
.primary-charts{grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);align-items:stretch;margin-bottom:16px}
.primary-charts .trend-panel{margin-bottom:0}.primary-charts .chart-area{height:238px}.primary-charts .chart-bars{height:276px}
.trend-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.trend-facts>div{display:flex;gap:8px;align-items:center;background:#f5f7fc;border:1px solid #e9edf7;border-radius:6px;padding:6px 9px;font-size:10px;color:#8090a4}
.trend-facts strong{font-size:11px;color:#27334c;font-variant-numeric:tabular-nums}
.native-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;min-height:276px;border-bottom:1px solid #e5eaf4;padding:8px 10px 0}
.native-chart-column{display:flex;flex:1 1 0;min-width:0;max-width:150px;flex-direction:column;align-items:center;justify-content:end}
.native-chart-value{font-size:12px;font-weight:800;color:#34435d;white-space:nowrap;font-variant-numeric:tabular-nums;margin-bottom:7px}
.native-chart-track{display:flex;align-items:flex-end;justify-content:center;width:100%;height:207px;background:repeating-linear-gradient(to top,#edf0f7 0,#edf0f7 1px,transparent 1px,transparent 52px)}
.native-chart-fill{display:block;width:min(80%,74px);min-height:2px;background:linear-gradient(180deg,#5269fa,#9aa8ff);border-radius:7px 7px 0 0}
.native-chart-fill.empty{background:#e8ebf2;min-height:0}
.native-chart-fill.tone-7{background:#9aa9ff}.native-chart-fill.tone-30{background:#c2cbff}
.native-chart-label{height:31px;display:grid;place-items:center;width:100%;font-size:11px;color:#6d7c92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-plot .native-chart-fill{background:linear-gradient(180deg,#546afb,#b3bfff)}
.native-chart-empty{margin:auto;color:#8d9ab0;font-size:12px;text-align:center}
.coverage-strip{display:grid;grid-template-columns:minmax(220px,1fr) 100px minmax(360px,2fr);align-items:center;gap:20px;margin-bottom:20px;padding:18px 24px}
.coverage-strip .panel-heading{margin:0}.coverage-strip .panel-kicker{display:none}
.coverage-strip .coverage-visual{min-height:0}.coverage-strip .coverage-ring{width:86px;height:86px}.coverage-strip .coverage-ring:before{inset:8px}.coverage-strip .coverage-ring strong{font-size:19px}.coverage-strip .coverage-ring span{font-size:8px}
.coverage-strip .coverage-detail{margin:0;padding:0;border-top:0}.coverage-strip .coverage-detail strong{font-size:12px}.coverage-strip .coverage-detail span{font-size:9px}
.ranking-panel{padding-bottom:13px;margin-bottom:20px}
.ranking-heading{margin-bottom:17px}
.filters{display:flex;align-items:end;gap:11px;padding-bottom:18px;border-bottom:1px solid var(--ui-line);margin-bottom:0}
.filters label{display:grid;gap:5px;color:#8190a4;font-size:11px;font-weight:750}
.filters label:first-child{flex:1;max-width:410px}
.filters label:nth-child(2){width:160px}
.filters input,.filters select{border-color:var(--ui-line);border-radius:7px;min-height:36px}
.filters .btn{min-height:36px}
.mobile-sort{display:none!important}
.ranking-list{min-width:0}
.ranking-panel.is-loading #productRows{opacity:.45}
.ranking-table{table-layout:fixed;width:100%;margin:0}
.ranking-table th{font-size:11px;color:#8a97aa;font-weight:750;padding:13px 7px}
.ranking-table td{font-size:12px;vertical-align:middle;padding:15px 7px;border-top:1px solid #edf0f5}
.ranking-table .rank-col{width:5%}.ranking-table .risk-col{width:11%}.ranking-table .name-col{width:29%}.ranking-table .period-col{width:15%}.ranking-table .action-col{width:10%}
.ranking-table tr.product-row:hover{background:#fafbff}
.rank-number{color:#9ba6ba;font-weight:800;font-variant-numeric:tabular-nums}
.risk-badge{font-size:10px;font-weight:800;border-radius:999px;padding:5px 9px;white-space:nowrap}
.risk-red{background:#fff0f0;color:#bf4445}.risk-yellow{background:#fff7e8;color:#a77422}.risk-normal{background:#e9f9f3;color:#198b64}.risk-insufficient{background:#eef1f6;color:#728097}
.product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;color:#26334b;font-weight:750;line-height:1.45;text-decoration:none;overflow-wrap:anywhere}
.product-name:hover{color:var(--ui-blue)}
.name-cell small{display:block;color:#a2adbd;font-size:10px;margin-top:4px;word-break:break-all}
.sort-chip{white-space:nowrap;color:#718098;font-size:11px;font-weight:750;text-decoration:none}
.sort-chip.active,.sort-chip:hover{color:var(--ui-blue)}
.period-values{display:grid;gap:3px}
.period-rate{font-size:17px;font-weight:800;color:#303b52;font-variant-numeric:tabular-nums}
.risk-row-red .period-rate{color:var(--ui-red)}
.period-values small{font-size:10px;color:#9ba6b6;line-height:1.45}
.action-cell{white-space:nowrap}
.action-cell>*{display:block;width:fit-content;margin:0 0 4px}
.action-cell .detail-link{font-size:11px;font-weight:800;text-decoration:none}
.action-cell .compass-link,.history-toggle{font-size:10px;color:#8794a8;text-decoration:none}
.history-toggle{border:0;background:none;padding:0;cursor:pointer}
.history-toggle:disabled{opacity:.5}
.inline-history-row>td{padding:0 6px 16px!important}
.inline-history{background:#f6f8ff;border-radius:9px;padding:14px}
.inline-history>strong{display:block;font-size:12px;margin-bottom:7px}
.inline-history-table{width:100%;margin:0}
.inline-history-table th,.inline-history-table td{padding:7px 3px;text-align:right;font-size:11px;white-space:nowrap}
.inline-history-table th:first-child,.inline-history-table td:first-child{text-align:left}
.empty-state{text-align:center;padding:30px;color:#8390a4}
.empty-state .empty-mark{display:block;font-size:25px;color:#bac5da}
.empty-state strong{display:block;color:#3d4960}
.empty-state p{font-size:11px;margin:3px 0 0}
.page-disclaimer{font-size:11px;color:#9da8b7;margin:6px 0 0;line-height:1.6}
.page-disclaimer a{margin-left:3px}
.back-crumb{display:flex;gap:9px;align-items:center;margin-bottom:16px;color:#a0aabd;font-size:11px}
.back-crumb a{text-decoration:none;font-weight:750}
.product-head{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:22px}
.product-head-main{min-width:0}
.product-head-tags{display:flex;align-items:center;gap:10px;color:#97a2b4;font-size:11px}
.product-head h1{font-size:24px;line-height:1.35;margin:11px 0 7px;max-width:930px;overflow-wrap:anywhere}
.product-head p{font-size:12px;color:#65758d;margin:0 0 8px}
.product-head small{font-size:10px;color:#a0aabc}
.product-head>.btn{flex:none;white-space:nowrap}
.product-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}
.product-analytics{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:18px;margin-bottom:20px}
.product-window .panel-heading{margin-bottom:0}
.window-data-list{border-top:1px solid var(--ui-line);margin-top:17px;padding-top:10px}
.window-data-list>div{display:grid;grid-template-columns:80px 80px 1fr;gap:10px;align-items:baseline;padding:6px 0}
.window-data-list span{font-size:11px;color:#8b98a9}.window-data-list strong{font-size:14px}.window-data-list small{text-align:right;color:#9aa5b5;font-size:10px}
.product-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.reason-list,.alert-timeline{max-height:430px;overflow:auto}
.reason-item{padding:12px 0;border-bottom:1px solid #eef1f6}
.reason-item:last-child{border-bottom:0}
.reason-item>div:first-child{display:flex;justify-content:space-between;gap:15px}
.reason-item strong{font-size:11px;font-weight:750;overflow-wrap:anywhere}
.reason-item span{white-space:nowrap;color:#8795a7;font-size:10px}
.reason-track{height:6px;border-radius:99px;background:#edf0ff;margin-top:9px;overflow:hidden}
.reason-track i{display:block;height:100%;border-radius:99px;background:#6d7ffa}
.alert-event{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #eef1f6}
.alert-event:last-child{border:0}
.alert-timeline-dot{width:8px;height:8px;border-radius:50%;margin-top:7px;background:#c4ccda}
.alert-timeline-dot.red{background:var(--ui-red)}.alert-timeline-dot.yellow{background:var(--ui-amber)}
.alert-event time{font-size:11px;color:#7f8ba0;margin-right:9px}
.alert-event p{font-size:11px;color:#6c798d;margin:6px 0 0;line-height:1.5}
.run-live-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin-bottom:20px}
.panel{padding:24px 26px}
.section-title{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:15px}
.section-title h2{font-size:17px;font-weight:800;margin:0}
.section-title span{font-size:11px;color:#93a0b3}
.run-overview{border-top:3px solid var(--ui-blue)}
.run-heading h2{font-size:21px;margin:5px 0 0}
.run-gauge{display:grid;justify-items:center;gap:9px;margin:23px 0}
.run-gauge-ring{width:150px;height:150px;background:conic-gradient(var(--ui-blue) var(--progress),#e8ebf4 0)}
.run-gauge-ring:before{inset:11px}
.run-gauge-ring strong{position:relative;font-size:30px;letter-spacing:-.04em}
.run-gauge>span{font-size:11px;color:#8b98a9}
.run-progress-copy{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.run-progress-copy span{font-weight:800;color:var(--ui-blue)}
.run-progress-track{height:7px;background:#e9edf5;border-radius:99px;overflow:hidden;margin-top:9px}
.run-progress-track>div{height:100%;background:var(--ui-blue);border-radius:99px}
.run-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px 16px;border-top:1px solid var(--ui-line);margin-top:18px;padding-top:17px}
.run-stats span{display:grid;gap:2px;color:#9ba6b7;font-size:10px}
.run-stats strong{color:var(--ui-ink);font-size:13px;font-weight:750}
.run-stats .run-danger{color:var(--ui-red)}
.run-current-step,.run-help{font-size:11px;line-height:1.5;padding:10px 12px;border-radius:8px;margin:14px 0 0;background:#f2f5ff;color:#506398}
.run-help{background:#fff7e9;color:#936b2b}
.run-pulse{display:inline-block;width:7px;height:7px;background:var(--ui-blue);border-radius:50%;margin-right:7px}
.run-event-list{list-style:none;margin:0;padding:0;max-height:560px;overflow:auto}
.run-event{display:grid;grid-template-columns:96px 10px 1fr;gap:9px;line-height:1.5;font-size:11px;padding:10px 0;border-bottom:1px solid #eef1f5}
.run-event time{color:#a1acbc;font-size:10px}
.run-event-dot{height:7px;width:7px;margin-top:5px;border-radius:50%;background:#bfc8d5}
.run-event.success .run-event-dot{background:var(--ui-green)}.run-event.warning .run-event-dot{background:var(--ui-amber)}.run-event.error .run-event-dot{background:var(--ui-red)}
.run-history-panel{margin-bottom:20px}
.table-wrap{overflow:auto}
.runs-table th{font-size:10px;color:#8d99ab;white-space:nowrap}
.runs-table td{font-size:11px;vertical-align:top}
.runs-table td small{display:block;color:#9ba6b7;font-size:10px;margin-top:3px}
.runs-table .badge{font-size:10px}
.badge.normal{background:#e9f9f3;color:#168d65}.badge.yellow{background:#fff7e8;color:#a77422}.badge.red{background:#fff0f0;color:#bf4445}
.run-history-dialog{border:1px solid var(--ui-line);border-radius:12px;box-shadow:0 25px 70px rgba(25,38,80,.2);width:min(700px,calc(100vw - 30px));max-height:85vh;padding:24px}
.run-history-dialog::backdrop{background:rgba(20,31,55,.35)}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:20px;align-items:start}
.settings-main{display:grid;gap:18px;min-width:0}
.settings-card .card-header{border-bottom:1px solid var(--ui-line);padding:21px 25px}
.settings-card .card-body{padding:23px 25px}
.settings-card .card-title{font-size:17px;font-weight:800}
.settings-card .card-header p{margin:4px 0 0;color:#8b98aa;font-size:11px}
.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;margin-bottom:18px}
.settings-card .form-label{display:block;color:#65748b;font-size:11px;font-weight:750}
.settings-card .form-control{display:block;width:100%;margin-top:6px;min-height:39px;border-color:var(--ui-line);border-radius:7px}
.settings-card .form-check{margin:8px 0 3px}
.settings-card .form-check-label{font-size:12px;font-weight:700;color:#42516a}
.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.settings-note{font-size:11px;color:#8a96a9;line-height:1.6;margin:14px 0 0}
.settings-aside{position:sticky;top:85px}
.settings-aside .card-body{padding:22px}
.settings-aside .card-title{font-size:16px;font-weight:800;margin-bottom:12px}
.settings-aside p{font-size:11px;color:#8996a9;line-height:1.6}
.settings-aside-meta{display:flex;justify-content:space-between;border-top:1px solid var(--ui-line);padding:10px 0;color:#8794a5;font-size:11px}
.settings-aside-meta strong{color:#37455c}
.settings-save{width:100%;margin-top:13px}
.risk-guide{margin-top:20px}
.risk-guide-heading{align-items:center;margin-bottom:14px}
.risk-guide-settings{font-size:12px;font-weight:750;white-space:nowrap}
.risk-guide-sample{margin:0 0 14px;padding:11px 14px;border-radius:8px;background:#f3f5ff;color:#56647c;font-size:12px;line-height:1.6}
.risk-guide-sample strong{color:#253557;margin-left:3px}
.risk-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.risk-guide-rule{padding:16px 18px;border:1px solid var(--ui-line);border-left:4px solid;border-radius:10px;min-width:0}
.risk-guide-red{border-left-color:var(--ui-red);background:#fffafa}
.risk-guide-yellow{border-left-color:var(--ui-amber);background:#fffdf8}
.risk-guide-tag{display:inline-block;font-size:12px;font-weight:800}
.risk-guide-red .risk-guide-tag{color:#bd3d43}.risk-guide-yellow .risk-guide-tag{color:#a56b15}
.risk-guide-rule p{margin:8px 0 0;color:#4b586d;font-size:12px;line-height:1.7}
.risk-guide-rule strong{color:#233047}.risk-guide-rule em{font-style:normal;color:#7d8798;margin:0 3px}
.risk-guide-foot{margin:14px 0 0;color:#77849a;font-size:11px;line-height:1.65}
.app-toast{position:fixed;right:22px;bottom:22px;z-index:1000;max-width:min(450px,calc(100vw - 30px));background:#263653;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:0 15px 30px rgba(0,0,0,.16);font-size:12px}
[hidden]{display:none!important}
@media(max-width:1250px){.workspace-shell{grid-template-columns:205px minmax(0,1fr)}.site-sidebar{padding-left:12px;padding-right:12px}.content-shell{padding:25px 24px 60px}.workspace-topbar{padding:0 24px}.stat-grid{gap:12px}.stat-tile{padding:18px}.stat-value{font-size:25px}.stat-value.money-value{font-size:22px}.panel-card{padding:20px}.ranking-table .name-col{width:26%}.ranking-table .period-col{width:16%}}
@media(max-width:1250px){.period-meta{display:block}.period-meta span{display:block;margin-top:3px}.coverage-strip{grid-template-columns:minmax(160px,1fr) 90px minmax(300px,2fr)}}
@media(max-width:980px){.workspace-shell{display:block}.site-sidebar{position:static;height:auto;padding:13px 20px;display:flex;flex-direction:row;align-items:center;gap:20px;border-right:0;border-bottom:1px solid var(--ui-line)}.site-brand{padding:0;white-space:nowrap}.nav-label,.sidebar-foot{display:none}.side-nav{display:flex;gap:4px;overflow:auto}.side-link{white-space:nowrap;padding:7px 11px;font-size:11px;min-height:35px}.nav-icon{font-size:15px;width:15px}.workspace-topbar{height:48px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-two,.product-analytics,.run-live-grid{grid-template-columns:1fr}.coverage-panel{min-height:350px}.product-bottom{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-aside{position:static}}
@media(max-width:980px){.period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-charts{grid-template-columns:1fr}.coverage-strip{display:flex;min-height:0;flex-direction:row}.coverage-strip .coverage-detail{flex:1}}
@media(max-width:700px){.period-grid{grid-template-columns:1fr;gap:9px}.period-tile{padding:12px 15px}.period-top{margin-bottom:4px}.period-tile .stat-value{font-size:29px;margin:2px 0 4px}.period-meta{display:flex;margin-top:8px;padding-top:7px}.period-meta span{margin:0}.primary-charts .chart-area{height:220px}.primary-charts .chart-bars{height:210px}.coverage-strip{display:block}.coverage-strip .coverage-visual{display:none}.coverage-strip .coverage-detail{margin-top:12px}}
@media(max-width:700px){.native-chart{min-height:215px;gap:5px;padding-inline:0}.native-chart-track{height:155px}.native-chart-label{font-size:9px}.native-chart-value{font-size:10px}.native-chart-fill{width:75%}}
@media(max-width:700px){.site-sidebar{display:block;padding:12px 14px 8px}.site-brand{margin-bottom:9px}.brand-symbol{width:33px;height:33px;font-size:19px}.site-brand strong{font-size:14px}.site-brand small{font-size:8px}.side-nav{margin:0 -3px}.side-link{padding:7px 9px}.workspace-topbar{display:none}.content-shell{padding:19px 14px 45px}.page-intro{align-items:start}.page-intro h1{font-size:23px}.page-intro .btn{white-space:nowrap;font-size:10px;padding:7px 9px}.overview-fallback-notice{align-items:flex-start;padding:12px 13px}.stat-grid{gap:10px}.stat-tile{padding:15px}.stat-icon{width:31px;height:31px;font-size:15px;margin-bottom:11px}.stat-value,.stat-value.money-value{font-size:23px}.stat-label,.stat-foot{font-size:10px}.analytics-two{gap:12px;margin-bottom:12px}.panel-card{padding:16px;border-radius:10px}.chart-bars{height:220px}.chart-area{height:240px}.coverage-ring{width:150px;height:150px}.coverage-ring:before{inset:10px}.coverage-detail strong{font-size:11px}.coverage-detail span{font-size:9px}.trend-panel{margin-bottom:12px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px}.panel-kicker{display:none}.ranking-heading{align-items:center}.ranking-heading .btn{font-size:10px;padding:7px 9px;white-space:nowrap}.filters{display:grid;grid-template-columns:1fr 1fr;gap:9px}.filters label:first-child{max-width:none;grid-column:1/-1}.filters label:nth-child(2){width:auto}.filters .btn{grid-column:1/-1}.mobile-sort{display:grid!important}.ranking-table thead{display:none}.ranking-table,.ranking-table tbody,.ranking-table tr,.ranking-table td{display:block;width:100%!important}.ranking-table tbody{display:grid;gap:10px;padding-top:14px}.ranking-table tr.product-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;background:#fff;border:1px solid var(--ui-line);border-radius:10px;padding:13px}.ranking-table td{padding:0;border:0}.ranking-table .rank-number{grid-column:1;grid-row:1}.ranking-table .risk-cell{grid-column:2/-1;grid-row:1;justify-self:end}.ranking-table .name-cell{grid-column:1/-1;padding:8px 0 12px;border-bottom:1px solid var(--ui-line)}.ranking-table .period-cell{grid-column:auto;padding:11px 0;border-bottom:1px solid var(--ui-line)}.ranking-table .period-cell::before{content:attr(data-label);display:block;color:#8997a8;font-size:10px;margin-bottom:3px}.ranking-table .period-rate{font-size:17px}.ranking-table .period-values small{display:none}.ranking-table .action-cell{grid-column:1/-1;display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding-top:10px}.ranking-table .action-cell>*{margin:0}.ranking-table tr.inline-history-row{display:block;border:1px solid var(--ui-line);border-radius:10px}.ranking-table tr.inline-history-row>td{display:block;padding:7px!important}.ranking-table .inline-history-table{display:table}.ranking-table .inline-history-table thead{display:table-header-group}.ranking-table .inline-history-table tbody{display:table-row-group}.ranking-table .inline-history-table tr{display:table-row}.ranking-table .inline-history-table th,.ranking-table .inline-history-table td{display:table-cell!important;width:auto!important;font-size:10px;padding:6px 2px}.product-head{display:block}.product-head h1{font-size:20px}.product-head>.btn{margin-top:12px}.product-kpis{grid-template-columns:1fr;gap:10px}.product-kpis .stat-icon{display:none}.window-data-list>div{grid-template-columns:65px 70px 1fr}.window-data-list small{font-size:9px}.reason-item>div:first-child{display:block}.reason-item span{display:block;margin-top:4px}.settings-fields{grid-template-columns:1fr}.runs-table thead{display:none}.runs-table,.runs-table tbody,.runs-table tr,.runs-table td{display:block;width:100%}.runs-table tr{border:1px solid var(--ui-line);border-radius:9px;padding:12px;margin-bottom:10px}.runs-table td{padding:5px 0;border:0}.runs-table td::before{content:attr(data-label);display:block;color:#9ca8b8;font-size:9px;margin-bottom:2px}}
/* Multi-shop landing and onboarding use the same local dashboard palette. */
@media(max-width:700px){.risk-guide-grid{grid-template-columns:1fr}.risk-guide-heading{align-items:flex-start}.risk-guide-rule{padding:13px 14px}.risk-guide-sample{padding:10px 12px}}
.multi-rate-grid,.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.multi-rate{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid #e3e8f2;border-radius:16px;background:#f8faff}
.multi-rate span,.multi-rate small,.shop-card small{color:#65738b}
.multi-rate strong{font-size:clamp(1.6rem,3vw,2.5rem);color:#26354f}
.shop-card{display:block;padding:20px;border:1px solid #e3e8f2;border-radius:16px;background:#fff;color:#26354f;text-decoration:none}
.shop-card:hover{border-color:#5065f6;box-shadow:0 8px 24px rgba(42,58,92,.08)}
.category-panel{padding:24px!important;margin-bottom:24px}.category-panel .panel-heading{margin-bottom:20px}.category-total{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#f1f4ff;color:#5363b7;font-size:12px;font-weight:700;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-card{min-width:0;min-height:196px;padding:20px;border:1px solid #e3e8f2;border-radius:14px;background:#fff}.category-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.category-symbol,.category-create-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f7ef;color:#17805b;font-size:17px;font-weight:700}.category-shop-count{padding:6px 10px;border-radius:999px;background:#f2f6fa;color:#53637d;font-size:12px;font-weight:700}.category-name-field{display:grid;gap:5px;max-width:360px;color:#8390a3;font-size:11px;font-weight:600}.category-name-field input{width:100%;min-height:39px;padding:4px 0;border:0;border-bottom:1px solid #dbe2ee;background:transparent;color:#25334c;font-size:20px;font-weight:700;outline:none}.category-name-field input:focus{border-color:#5065f6}.category-card-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.category-in-use{color:#8b98a9;font-size:12px}.category-card-create{display:flex;flex-direction:column;border-style:dashed;background:#fafbff}.category-create-icon{background:#eef1ff;color:#5065f6;font-size:24px;font-weight:400}.category-card-create strong{margin-top:10px;color:#27354c;font-size:17px}.category-card-create p{margin:3px 0 15px;color:#7d8ba1;font-size:12px}.category-create-controls{display:flex;gap:10px;align-items:center;margin-top:auto}.category-create-controls .form-control{flex:1;min-width:0;min-height:38px}.category-create-controls .btn{white-space:nowrap}#overviewContent.is-loading{opacity:.55;pointer-events:none}
@media(max-width:900px){.category-grid{grid-template-columns:1fr}}
@media(max-width:500px){.category-panel{padding:16px!important;margin-bottom:16px}.category-panel .panel-heading{align-items:flex-start}.category-card{min-height:0;padding:16px}.category-create-controls{flex-wrap:wrap}.category-create-controls .form-control{flex-basis:100%}.category-create-controls .btn{width:100%}}
.category-create-status{margin:10px 0 0!important;color:#19805d!important;font-size:13px!important;font-weight:600}.category-create-status.is-error{color:#bb3d42!important}
.category-switch-status{margin:8px 0 0;color:#5363b7;font-size:12px;font-weight:600}.category-switch-status.is-error{color:#bb3d42}.category-overview-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:34px!important;margin-bottom:24px;min-height:270px}.category-overview-empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eef1ff;color:#5065f6;font-size:23px}.category-overview-empty .eyebrow{margin:3px 0 0}.category-overview-empty h2{margin:0;color:#25334c;font-size:22px}.category-overview-empty p:not(.eyebrow){max-width:620px;margin:0 0 8px;color:#71809a;font-size:13px;line-height:1.75}.category-overview-empty span{color:#71809a;font-size:12px}@media(max-width:700px){.category-overview-empty{min-height:0;padding:22px!important}.category-overview-empty h2{font-size:18px}}
.shop-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.shop-card-head strong{font-size:1.1rem}
.shop-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
.shop-rates span{display:flex;flex-direction:column;gap:3px;color:#65738b;font-size:.8rem}
.shop-rates b{color:#26354f;font-size:1.2rem}
.shop-login-hint{margin-top:18px;overflow-wrap:anywhere;font-size:.78rem}
.report-preview{white-space:pre-wrap;max-height:460px;overflow:auto;margin-top:20px;padding:20px;background:#f8faff;border:1px solid #e3e8f2;border-radius:12px;color:#26354f}
@media(max-width:900px){.multi-rate-grid,.shop-grid{grid-template-columns:1fr}.shop-rates{grid-template-columns:repeat(3,1fr)}}