:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#243344;background:#f3f5f8;font-synthesis:none;--blue:#004477;--red:#d80c18;--border:#e1e7ee;--muted:#798898}*{box-sizing:border-box}body{margin:0;font-size:13px;font-variant-numeric:tabular-nums}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d8e0e8;background:#fff;color:#334b62;border-radius:6px;padding:9px 13px;white-space:nowrap}button:hover{background:#f0f5fa;border-color:#9aaec0}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--blue);border-color:var(--blue);color:white}button.danger{color:#bd1521;border-color:#efc8cc}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9bccfd;outline-offset:2px}input,select{border:1px solid #d7e0e8;border-radius:5px;padding:9px;background:white;color:#263d52;min-width:0;max-width:100%}input[type=checkbox]{accent-color:var(--blue)}.sidebar{width:208px;background:#07334f;color:#dce7ef;position:fixed;inset:0 auto 0 0;padding:30px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:22px;font-weight:650;padding:0 5px 38px}.brand-mark{background:#fff;color:var(--blue);border-radius:8px;width:37px;height:37px;text-align:center;line-height:37px;font-size:23px}.brand small{display:block;font-size:8px;color:#9db4c5;font-weight:400;margin-top:5px}.nav-label{font-size:11px;color:#8eaabc;display:flex;justify-content:space-between;align-items:center;margin:0 10px 10px}.icon{padding:3px 8px;font-size:20px;border:0;background:transparent}.light{color:#c2d4df}.nav-button{background:transparent;border:0;width:100%;color:#b4cad9;text-align:left;display:flex;gap:10px;align-items:center;margin:4px 0;padding:12px;border-radius:6px}.nav-button.active{background:#21526f;color:white}.nav-button:hover{background:#18445f;border:0}.nav-button .count{margin-left:auto;font-size:11px;color:#a8c2d4}.sidebar-bottom{margin-top:auto;font-size:11px;color:#a5c0d1;line-height:1.8;padding:15px 10px 0}.sidebar-bottom small{display:block;font-size:10px}.sidebar-bottom #connection{display:block;font-size:10px;margin-top:8px;color:#789bad}.live-dot{display:inline-block;background:#48a382;width:6px;height:6px;border-radius:50%;margin-right:6px}main{margin-left:208px;min-height:100dvh}.topbar{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid var(--border);background:white;font-size:11px;color:#81909e}.breadcrumb span{margin-left:12px}.breadcrumb span:last-child{color:#334e65}.workspace{padding:28px 30px 18px;max-width:1900px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.eyebrow{font-size:9px;font-weight:650;color:#8a9aa8;letter-spacing:1.3px}h1{margin:7px 0 9px;font-size:27px;color:#173b55;font-weight:650}h2{margin:5px 0;font-size:19px;font-weight:650}h3{margin:0;font-size:14px;font-weight:650}p{line-height:1.7}.page-heading p{color:#7d8a99;margin:0;font-size:11px}.toolbar{display:flex;gap:8px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat{background:white;border:1px solid var(--border);border-radius:7px;padding:16px 19px;min-height:92px}.stat-label{font-size:11px;color:#7c8c9a;display:flex;justify-content:space-between}.stat strong{display:block;font-size:23px;margin-top:10px;font-weight:600;color:#174465}.stat small{font-size:10px;color:#94a0ab;margin-left:9px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--border);border-radius:7px;min-width:0;overflow:hidden;box-shadow:0 1px 2px #0c284603}.card.full{grid-column:1/-1}.card-header{padding:17px 19px 7px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.card-title{display:flex;align-items:center;gap:9px}.card-title:before{content:"";width:3px;height:14px;background:var(--blue);border-radius:2px;flex-shrink:0}.card-subtitle{margin:7px 0 0 12px;color:#8997a3;font-size:10px}.card-actions{display:flex;gap:3px}.card-actions button{padding:4px 7px;font-size:11px;border-color:transparent;color:#718799}.chart{height:292px;width:100%}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#fcfdfe;border-top:1px solid #edf0f4;gap:8px;font-size:10px;color:#8493a2}.card-footer button{font-size:10px;padding:3px 8px;border:0;background:transparent;color:#677e91}.chart-warning{padding:5px 18px;color:#a46613;font-size:10px}.empty{padding:52px 20px;text-align:center;color:#8c9aa6;line-height:1.8}.empty button{display:block;margin:15px auto 0}.page-footer{display:flex;justify-content:space-between;font-size:10px;color:#96a2ae;margin-top:22px}.error-banner{border:1px solid #eebdc3;background:#fff0f1;color:#a32431;padding:12px 15px;border-radius:6px;margin-bottom:18px}.error-banner[hidden]{display:none}dialog{border:1px solid var(--border);border-radius:10px;padding:22px;width:510px;max-width:calc(100vw - 28px);max-height:92dvh;color:#263d52;box-shadow:0 18px 70px #16364b33}dialog::backdrop{background:#16364b4a}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.editor{position:fixed;inset:0 0 0 auto;margin:0;border-radius:0;max-height:100dvh;height:100dvh;width:450px;padding:24px;overflow:auto}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;color:#667b8c}.field input,.field select{font-size:12px}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.section-label{font-size:11px;color:#6a8092;font-weight:650;margin:23px 0 12px;padding-top:17px;border-top:1px solid var(--border)}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:13px}.chips button{font-size:10px;padding:5px 10px}.check-row{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:11px}.check-row label{display:flex;align-items:center;gap:5px}.series-editor{padding:12px;background:#f5f8fb;border:1px solid var(--border);border-radius:6px;margin-bottom:10px}.series-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px}.series-top strong{font-size:11px;line-height:1.6;overflow-wrap:anywhere}.series-top button{padding:0 5px;color:#a6575e}.series-editor .field{margin-bottom:8px}.series-editor select{font-size:10px;padding:7px 4px}.source-hint{font-size:10px;color:#8597a5;line-height:1.7;margin:6px 0}.indicator-list{max-height:285px;overflow:auto;border:1px solid var(--border);border-radius:6px}.indicator-option{width:100%;text-align:left;border:0;border-bottom:1px solid #edf1f5;border-radius:0;white-space:normal;padding:10px;display:block;font-size:11px;line-height:1.5}.indicator-option small{display:block;font-size:9px;color:#8b9ba9;margin-top:4px}.indicator-option.selected{background:#edf5fc}.muted{color:#8796a4;font-size:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.source-panel{border:1px solid var(--border);border-radius:7px;background:white;margin-bottom:18px;padding:20px}.source-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.source-heading p{font-size:11px;color:#8393a1;overflow-wrap:anywhere}.source-info{display:flex;gap:12px;margin:10px 0;color:#7f8f9d;font-size:11px}.badge{display:inline-block;font-size:10px;background:#edf5fa;color:#396682;padding:4px 7px;border-radius:4px}.sheet{border-top:1px solid var(--border);padding:12px 0}.sheet summary{cursor:pointer;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.sheet summary .muted{margin-left:auto}.table-wrap{overflow:auto;margin-top:13px}table{border-collapse:collapse;width:100%;font-size:10px}td,th{border:1px solid #e4eaf0;padding:7px;min-width:80px;max-width:260px;overflow-wrap:anywhere;text-align:left}th{background:#f3f6f9}#toast{position:fixed;bottom:24px;left:50%;background:#123f5c;color:white;padding:12px 20px;border-radius:7px;box-shadow:0 4px 20px #19384a33;z-index:30;font-size:12px}.status-error{color:#bd2733!important}.loading{padding:90px;text-align:center;color:#8498a8}.compact-actions{display:flex;gap:6px;flex-wrap:wrap}.compact-actions button{font-size:11px} .help{background:#f3f7fb;border-radius:6px;padding:11px;font-size:11px;color:#6f8394;line-height:1.8}.full-field{width:100%}#modal-body .field{margin-top:15px}@media(min-width:1600px){.chart{height:335px}}@media(max-width:1050px){.sidebar{width:170px;padding:25px 10px}main{margin-left:170px}.workspace{padding:22px 20px}.topbar{padding:0 20px}.page-heading{align-items:flex-start}.toolbar{flex-wrap:wrap;justify-content:flex-end}.summary{gap:9px}.stat{padding:13px}.stat strong{font-size:20px}.cards{grid-template-columns:1fr}.card.full{grid-column:auto}.chart{height:310px}}@media(max-width:650px){.sidebar{position:static;width:100%;padding:13px 16px;display:block}.brand{padding:0 0 13px;font-size:19px}.brand-mark{height:30px;width:30px;line-height:30px;font-size:19px}.brand small{display:none}.nav-label,.sidebar-bottom{display:none}#pages{display:flex;gap:5px;overflow:auto}.nav-button{width:auto;display:inline-flex;font-size:11px;padding:8px}#sources-nav{margin-top:8px}main{margin:0}.topbar{height:44px;padding:0 16px}.workspace{padding:20px 14px}.page-heading{display:block}h1{font-size:23px}.toolbar{margin-top:18px;justify-content:flex-start}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:80px}.stat strong{font-size:20px}.cards{gap:14px}.card-header{padding:14px 12px 4px}.card-title h3{font-size:12px}.card-actions button{padding:4px}.chart{height:280px}.card-footer{padding:9px 12px}.editor{width:100%;max-width:100vw}.source-heading{align-items:flex-start;flex-direction:column}.page-footer{line-height:1.8;flex-direction:column}}

[hidden]{display:none!important}

.data-warning{border:1px solid #ead9b5;background:#fffaf0;color:#996b24;padding:12px 15px;border-radius:6px;margin-bottom:18px;font-size:11px;line-height:1.8}.card-title h3{overflow-wrap:anywhere}.source-info{flex-wrap:wrap}.field[hidden]{display:none}
.hierarchy-panel{background:white;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:25px}.hierarchy-heading{padding:20px 22px 16px;display:flex;justify-content:space-between;gap:15px;align-items:center}.hierarchy-heading h2{font-size:18px;margin:6px 0 8px;display:flex;align-items:center;gap:12px}.hierarchy-heading h2 .badge{font-weight:400}.hierarchy-heading p{color:#84929f;font-size:10px;margin:0}.hierarchy-heading p>span{padding:0 7px;color:#b0bcc7}.text-button{font-size:11px;color:#7c8fa0;border-color:transparent;padding:7px}.hierarchy-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;padding:0 22px 17px}.hierarchy-controls label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#7d8d9b;min-width:100px}.hierarchy-controls select,.hierarchy-controls input{font-size:11px;padding:8px 10px;height:34px}.hierarchy-controls .hierarchy-search{flex:1;min-width:175px;max-width:350px}.tree-actions{display:flex;gap:5px;margin-left:auto}.tree-actions button{font-size:10px;padding:8px 10px;height:34px}.hierarchy-basis{padding:10px 22px;background:#f2f7fb;border-top:1px solid #e7eef4;border-bottom:1px solid #e7eef4;display:flex;align-items:center;gap:9px;color:#6c8293;font-size:10px;line-height:1.8;flex-wrap:wrap}.basis-tag{border:1px solid #c8d9e7;border-radius:4px;padding:1px 5px;flex-shrink:0;color:#3e6a88}.basis-value{margin-left:auto;color:#315973}.hierarchy-alert{font-size:10px;line-height:1.8;padding:8px 22px;background:#fffcf3;color:#92713a;border-bottom:1px solid #f2e9d1}.hierarchy-alert summary{cursor:pointer}.hierarchy-alert p{margin:5px 0}.hierarchy-table-wrap{overflow:auto;max-height:365px}.hierarchy-table{font-size:11px;table-layout:fixed;min-width:950px;margin:0}.hierarchy-table th,.hierarchy-table td{border:0;border-bottom:1px solid #edf1f5;min-width:0;max-width:none;padding:12px 13px;vertical-align:middle;text-align:right}.hierarchy-table thead th{position:sticky;top:0;z-index:2;background:#fafbfd;color:#6d8394;font-weight:500;font-size:10px;white-space:nowrap}.hierarchy-table thead th:nth-child(1){width:32%;text-align:left;padding-left:22px}.hierarchy-table thead th:nth-child(2){width:125px;text-align:left}.hierarchy-table thead th:nth-child(3){width:160px}.hierarchy-table thead th:nth-child(4){width:140px}.hierarchy-table th:nth-child(n+5){width:96px}.hierarchy-table tr{cursor:pointer}.hierarchy-table tbody tr:hover{background:#f5f9fc}.hierarchy-table tbody tr.selected{background:#ecf4fa}.hierarchy-table tbody tr.selected td:first-child{box-shadow:inset 3px 0 #004477}.hierarchy-table .level-4{background:#f8fafc;font-weight:650}.hierarchy-table td:nth-child(2){text-align:left;white-space:nowrap}.hierarchy-table td:first-child{text-align:left;padding-left:13px}.product-name-cell>div{display:flex;align-items:center;gap:4px}.tree-toggle,.tree-leaf{display:inline-flex;align-items:center;justify-content:center;width:18px;height:22px;flex-shrink:0;color:#7893a6}.tree-toggle{padding:0;border:0;background:transparent;font-size:13px}.product-name{border:0;background:transparent;padding:0;font-size:11px;white-space:normal;text-align:left;line-height:1.65;color:#365771;overflow-wrap:anywhere}.product-name:hover{background:transparent;text-decoration:underline}.level-4 .product-name{font-weight:650}.hs-level{font-size:8px;padding:2px 4px;background:#edf2f6;color:#7a90a2;border-radius:3px;margin-right:6px}.hs-code{font-size:11px;color:#42647d}.inferred-badge{font-size:8px;border:1px solid #e8d9b9;color:#a98443;background:#fffbf0;border-radius:3px;white-space:nowrap;padding:1px 4px;font-weight:400}.share-cell{position:relative;white-space:nowrap}.share-cell strong{font-size:11px;font-weight:500;display:inline-block;min-width:48px}.share-track{display:inline-block;width:55px;height:4px;background:#e7eff5;margin-right:10px;vertical-align:middle;border-radius:3px;overflow:hidden}.share-track>span{display:block;height:100%;background:#6796b8}.unavailable-share{color:#8fa0ac}.unavailable-share small{font-size:9px;color:#a1aab2}.unit-note{font-size:9px;color:#95a3ae;display:inline-block;margin-left:4px}.positive{color:#bb3541!important}.negative{color:#328d77!important}.hierarchy-table-footer{border-top:1px solid #e6edf3;padding:10px 22px;display:flex;justify-content:space-between;font-size:9px;color:#91a0ad;gap:15px}.selected-product{border-top:1px solid #e4eaf0;padding:20px 22px 0;background:#fcfdff}.selected-product-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.selected-product-header h3{font-size:14px;color:#254d68;line-height:1.6;margin-top:5px}.code-label{font-size:10px;color:#849aac;font-weight:400;margin-left:7px}.selected-product-header>.muted{font-size:10px}.product-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-metric-block{min-width:0}.product-metric-heading{display:flex;justify-content:space-between;font-size:10px;gap:10px;margin-bottom:8px}.product-metric-heading strong{font-weight:600;color:#45667d}.product-metric-heading span{color:#93a1ad}.product-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.product-metric{padding:11px 5px;border:1px solid #e8edf2;background:white;border-radius:5px;white-space:normal;text-align:left;min-width:0}.product-metric>span{font-size:9px;color:#8194a2;display:block;white-space:nowrap}.product-metric>strong{display:block;font-size:14px;font-weight:550;color:#294f6c;margin-top:8px;overflow-wrap:anywhere}.product-metric.active{border-color:#b3cce0;background:#f0f6fc}.product-metric:disabled{opacity:.7}.product-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.product-preview{border:1px solid #e3eaf0;border-radius:6px;overflow:hidden;background:white;min-width:0}.product-preview-head{padding:12px 14px 0;display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:11px;color:#45667f}.product-preview-head button{font-size:10px;padding:5px 8px;color:#47718f;border-color:#dce7ef}.product-preview .chart{height:225px}.product-preview .chart .empty{padding:60px 15px;font-size:11px}.hierarchy-evidence{padding:13px 0;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8c9eab}.hierarchy-evidence summary{cursor:pointer}.hierarchy-evidence details>div{margin:8px 0;line-height:1.8;max-width:550px}.hierarchy-evidence .badge{font-size:8px;padding:1px 4px}.hierarchy-detail-warning{font-size:10px;color:#9d7d49;margin:12px 0 0}.hierarchy-detail-warning summary{cursor:pointer}.hierarchy-detail-warning p{margin:7px 0 0}.hierarchy-loading{padding:45px;text-align:center;color:#8da0ae}.hierarchy-unavailable{padding:18px;border:1px solid #eadcbc;background:#fffcf2;color:#9a7a3e;border-radius:6px;margin-bottom:24px;font-size:11px}.hierarchy-hidden{display:flex;align-items:center;justify-content:space-between;background:#ecf1f5;border:1px solid #e1e8ee;padding:10px 15px;margin-bottom:22px;border-radius:6px;font-size:11px;color:#7f92a0}.hierarchy-hidden button{font-size:10px;padding:5px 9px}.diy-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 17px;gap:15px}.diy-heading h2{font-size:18px;margin-top:6px;color:#254960}.diy-heading>span{font-size:10px;color:#8597a5}@media(max-width:1100px){.hierarchy-heading,.hierarchy-controls,.hierarchy-basis,.hierarchy-table-footer{padding-left:16px;padding-right:16px}.hierarchy-controls{gap:9px}.tree-actions{margin-left:0}.selected-product{padding:18px 16px 0}.product-metrics{gap:12px}.product-metric>strong{font-size:12px}.product-metric>span{font-size:8px}.product-preview .chart{height:240px}}@media(max-width:750px){.hierarchy-heading{align-items:flex-start}.hierarchy-heading h2{font-size:15px;flex-wrap:wrap;gap:7px}.hierarchy-heading .text-button{font-size:10px}.hierarchy-controls label{flex:1;min-width:90px}.hierarchy-controls .hierarchy-search{min-width:180px;max-width:none}.tree-actions{margin-left:auto}.basis-value{margin-left:0}.hierarchy-table-wrap{max-height:330px}.selected-product-header{display:block}.selected-product-header>.muted{display:block;margin-top:8px}.product-metrics,.product-preview-grid{grid-template-columns:1fr}.product-metric>strong{font-size:14px}.product-metric>span{font-size:9px}.hierarchy-table-footer{line-height:1.8;flex-direction:column;gap:2px}.hierarchy-evidence{flex-direction:column}.diy-heading{align-items:flex-start}.diy-heading>span{max-width:150px;line-height:1.8}.product-preview .chart{height:235px}}

/* Compact two-line brand fits the existing navigation width. */
.brand{gap:10px}.brand-mark{flex:0 0 37px;font-size:14px;font-weight:700}.brand-name{font-size:19px;line-height:1.25;min-width:0}.brand-dashboard{display:block;font-size:13px;font-weight:500;color:#b4cad9;margin-top:4px}

.hierarchy-options{border-top:1px solid #edf0f4}.hierarchy-options>summary{padding:10px 22px;font-size:11px;color:#718799;cursor:pointer;list-style-position:inside}.hierarchy-options>summary:hover{background:#f7fafc;color:var(--blue)}.hierarchy-options[open]>summary{border-bottom:1px solid #edf0f4}.options-current{float:right;color:#8093a3;font-size:10px}@media(max-width:750px){.hierarchy-options>summary{padding:10px 16px}.options-current{float:none;margin-left:12px}}

.summary{display:flex;align-items:center;flex-wrap:wrap;gap:16px 36px;padding:13px 18px;background:#fff;border:1px solid var(--border);border-radius:7px}.summary-item{display:flex;align-items:center;gap:12px;font-size:12px}.summary-item>span{color:#7c8c9a}.summary-item>strong{color:#174465;font-size:14px;font-weight:600}
.chart.has-timeline{height:360px}
.product-preview .chart.has-timeline{height:310px}
.chart-timeline-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:3px 16px 12px;color:#728799;font-size:10px}
.chart-window-dates{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.chart-window-dates label{display:flex;align-items:center;gap:5px}
.chart-window-dates input{width:112px;padding:4px 5px;font-size:10px;color:#365b74;border-color:#dce6ed}
.chart-window-presets{display:flex;gap:3px}
.chart-window-presets button{font-size:10px;padding:4px 6px;color:#496e87;border-color:#dce6ed}
.chart-window-status{width:100%;font-size:9px;color:#8a9ca9}
@media(max-width:650px){.chart.has-timeline,.product-preview .chart.has-timeline{height:300px}.chart-timeline-tools{padding-left:12px;padding-right:12px}.chart-window-dates input{width:108px}}
.quantity-scope{font-size:9px;font-weight:400;color:#547b94;background:#edf5fa;border-radius:3px;padding:2px 4px}
.chart .rangeslider-mask-min,.chart .rangeslider-mask-max{fill:#cfdae4!important;fill-opacity:.7!important}
.chart .rangeslider-slidebox{fill:#eaf2f8!important;fill-opacity:.45!important}