:root{color:#e0edf4;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#49ddd1;--muted:#7e99ac;--border:#203748;--mono:"DIN Alternate", "SFMono-Regular", Consolas, monospace;background:#060e18;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,.button{cursor:pointer}button{border:1px solid var(--border);color:#b5cbd8;background:#112232;border-radius:5px;padding:7px 12px;transition:background .16s,color .16s}button:hover{color:#f2fbff;background:#1b3548}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.button:focus-within{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}input,select{color:#dbeaf1;background:#102332;border:1px solid #294352;border-radius:5px;padding:9px 12px}select{max-width:100%}h1,h2,h3,p{margin:0}.viewport{justify-content:center;align-items:center;min-height:100vh;display:flex}.screen-shell{flex-shrink:0;width:100%;position:relative}.screen{background:radial-gradient(at 51% 34%,#112b3d70,#0000 48%),#081421;min-height:100vh;padding:0 32px 8px;position:relative;overflow:hidden}.screen.is-scaled{min-height:0}.topbar{border-bottom:1px solid #24394a;align-items:center;gap:26px;height:54px;display:flex}.brand{font:700 17px var(--mono);letter-spacing:1.5px;align-items:center;gap:11px;display:flex}.brand-light{color:#98aebe;font-weight:400}.brand-symbol{grid-template-rows:7px 7px;grid-template-columns:7px 7px;gap:3px;display:grid;transform:skewY(-8deg)}.brand-symbol i{background:var(--accent);border-radius:1px}.brand-symbol i:first-child{grid-row:span 2}.brand-symbol i:last-child{background:#eabc7d}.workspace-label{color:#6f8c9f;border-left:1px solid #29404f;padding-left:25px;font-size:12px}.toolbar{align-items:center;gap:10px;margin-left:auto;display:flex}.toolbar button{background:0 0;border-color:#0000;padding:7px 11px;font-size:12px}.toolbar button:hover{background:#1a3041}.mode-badge{color:#e6bc76;background:#3a2e1b33;border:1px solid #665034;border-radius:4px;align-items:center;gap:7px;margin-right:10px;padding:5px 9px;font-size:11px;display:flex}.mode-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.mode-badge.live{color:var(--accent);border-color:#2b605d}.masthead{justify-content:space-between;align-items:center;height:94px;display:flex}.eyebrow{font:10px var(--mono);letter-spacing:2.2px;color:#6d94aa;margin-bottom:8px}.masthead h1{letter-spacing:3px;align-items:center;gap:24px;font-size:29px;font-weight:600;display:flex}.title-line{background:linear-gradient(90deg, var(--accent), transparent);width:78px;height:1px}.masthead p{color:#7796aa;letter-spacing:1.5px;margin-top:9px;font-size:12px}.clock{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.clock strong{font:32px var(--mono);letter-spacing:2px;color:#c8dce9}.clock span{color:#718fa3;letter-spacing:1px;font-size:11px}.filterbar{background:#101f2e88;border-top:1px solid #203445;border-bottom:1px solid #203445;justify-content:space-between;align-items:center;height:44px;margin-bottom:14px;padding:0 12px;display:flex}.scope{align-items:center;gap:13px;display:flex}.scope-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.scope label{color:#8ba4b6;font-size:12px}.scope select{background:0 0;border-color:#0000;min-width:180px;padding:5px 8px;font-size:12px}.clear-filter{border:0;padding:4px 8px;font-size:11px}.filter-right{align-items:center;gap:16px;display:flex}.period-tabs{border:1px solid #2a4151;border-radius:4px;gap:2px;padding:2px;display:flex}.period-tabs button{color:#7f9aae;background:0 0;border:0;border-radius:2px;padding:5px 17px;font-size:11px}.period-tabs button.active{color:#7ee9dc;background:#2c4b57}.refresh{padding:6px 13px;font-size:11px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric{background:linear-gradient(100deg,#132a3b88,#11223255);border:1px solid #254052;border-radius:6px;min-height:132px;padding:12px 22px 10px;position:relative;overflow:hidden}.metric:first-child{border-top-color:var(--accent)}.metric-label{color:#a7c0d1;letter-spacing:1px;justify-content:space-between;font-size:13px;display:flex}.metric-label>span{font:11px var(--mono);color:#4e6c82}.metric-value{font:34px var(--mono);color:#e6f2f8;letter-spacing:.2px;white-space:nowrap;margin-top:10px}.metric-value.highlight{color:var(--accent)}.metric-value small{color:#82a2b7;letter-spacing:0;margin-left:10px;font:12px PingFang SC,sans-serif}.metric-bottom{color:#698a9f;align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.delta{color:var(--accent);font:11px var(--mono)}.delta.negative{color:#efae83}.mini-bars{opacity:.5;align-items:flex-end;gap:3px;height:20px;margin-left:auto;display:flex;position:absolute;bottom:32px;right:20px}.mini-bars i{background:var(--accent);width:4px;display:block}.metric-caption{color:#5f7e93;margin-top:6px;font-size:9px}.panel-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:218px;grid-auto-flow:dense;gap:12px;display:grid}.panel{background:#0d1e2dcc;border:1px solid #233d4e;border-radius:6px;grid-column:span 3;min-width:0;padding:16px 19px;position:relative;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:6px;height:23px;margin-bottom:10px;display:flex}.panel-heading h2{letter-spacing:1px;white-space:nowrap;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.panel-heading h2 i{background:var(--accent);border-radius:1px;width:3px;height:12px}.panel-heading>span{color:#607f94;white-space:nowrap;font-size:10px}.panel-network{background:radial-gradient(at 50% 58%,#17395066,#0000 70%),#0b1c2b;grid-area:span 2/span 6;position:relative}.panel-network:after{content:"";opacity:.055;pointer-events:none;background-image:radial-gradient(#52728d 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:58px 20px 80px}.panel-network .chart{z-index:1;width:auto;height:325px;position:absolute;top:53px;left:12px;right:12px}.map-overview{z-index:2;pointer-events:none;justify-content:space-between;padding:12px 8px;display:flex;position:relative}.micro-label{color:#7a9bb1;font-size:11px;display:block}.map-overview strong{font:37px var(--mono);color:var(--accent);margin-top:7px;display:block}.map-overview strong small{color:#506f85;font-size:16px}.map-overview p{text-align:right;letter-spacing:2px;color:#577b94;font-size:10px;line-height:1.9}.map-legend{color:#63859e;z-index:2;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:87px;left:26px;right:26px}.dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block;box-shadow:0 0 7px #49ddd133}.dot.muted{background:#5a7893;margin-left:10px}.dot.warning{background:#efb676}.network-stats{border-top:1px solid #284050;grid-template-columns:repeat(3,1fr);padding-top:15px;display:grid;position:absolute;bottom:16px;left:24px;right:24px}.network-stats>div{border-right:1px solid #284050;justify-content:center;align-items:center;gap:16px;display:flex}.network-stats>div:last-child{border:0}.network-stats span{color:#7596ac;font-size:10px}.network-stats b{font:21px var(--mono);color:#b8d2e0}.network-stats small{color:#7291a6;font:10px sans-serif}.map-note{color:#d3b785;font-size:10px;position:absolute;bottom:64px;left:25px}.rank-row{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:13px;width:100%;padding:2px 0;display:flex}.rank-row:hover{background:#152e3f}.rank-number{font:italic 16px var(--mono);color:#5b819d;width:24px}.rank-number.leader{color:#edc284}.rank-detail{flex:1;min-width:0}.rank-detail>div:first-child{color:#9bb8cc;justify-content:space-between;gap:10px;font-size:10px;display:flex}.rank-detail span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-detail b{font:12px var(--mono);color:#cde0ed}.rank-track{background:#1b3243;border-radius:2px;height:3px;margin-top:8px}.rank-track i{background:linear-gradient(90deg, #2c776f, var(--accent));opacity:.8;border-radius:2px;height:100%;display:block}.chart{width:100%;min-width:0;height:100%}.panel-trend .chart{height:136px}.trend-caption{color:#6f91a8;justify-content:space-between;margin-top:7px;font-size:9px;display:flex}.trend-caption b{font:10px var(--mono);color:#bdd5e5}.donut-wrap{width:46%;height:112px;margin-top:12px;position:relative}.donut-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.donut-label b{font:23px var(--mono);color:#cee5f2}.donut-label span{color:#6c8a9f;font-size:9px}.pie-legend{flex-direction:column;gap:15px;display:flex;position:absolute;top:77px;left:52%;right:23px}.pie-legend>div{color:#8cabc0;align-items:center;gap:8px;font-size:10px;display:flex}.pie-legend b{font:13px var(--mono);color:#cde1ed;margin-left:auto}.pie-legend small{color:#648399;margin-left:3px;font-size:9px}.swatch{background:#49ddd1;border-radius:1px;width:5px;height:5px}.color-1{background:#719bf5}.color-2{background:#efbc77}.color-3{background:#a69fea}.status-total{justify-content:space-between;align-items:center;margin:4px 0 13px;display:flex}.status-total>span{color:#91b0c4;font-size:10px}.status-total strong{font:24px var(--mono);color:#cbe2ee}.status-total small{color:#6f91a6;font:10px sans-serif}.status-list{flex-direction:column;gap:6px;display:flex}.status-list>div{color:#80a0b6;align-items:center;gap:13px;font-size:10px;display:flex}.status-list span{flex-shrink:0;width:55px}.status-list b{text-align:right;width:30px;font:11px var(--mono);color:#bdd5e2}.status-track{background:#1b3446;border-radius:2px;flex:1;height:4px}.status-track i{background:#719bf5;border-radius:2px;height:100%;display:block}.status-note{color:#526f85;margin-top:13px;font-size:9px}.panel-recent{grid-area:span 1/span 12;padding-top:12px}.panel-recent .panel-heading{margin-bottom:9px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#678ba4;background:#132a3b66;height:29px;padding:0 17px;font-size:10px;font-weight:400}td{color:#abc6d8;border-bottom:1px solid #1b3142;height:31px;padding:0 17px}tr:last-child td{border-bottom:0}th:first-child{width:20%}th:nth-child(2){width:22%}th:nth-child(3){width:27%}.mono{font-family:var(--mono);letter-spacing:.3px}.subtle{color:#7396af}.status-badge{color:#89baae;background:#49ddd10a;border:1px solid #2a595844;border-radius:3px;padding:3px 8px;font-size:9px}.screen-footer{letter-spacing:.5px;color:#546f83;justify-content:space-between;align-items:center;height:36px;font-size:9px;display:flex}.footer-divider{color:#2f4a5c;margin:0 12px}.demo-note{color:#a28c64}.screen-footer b{color:#8babbe;margin-left:12px}.empty{text-align:center;color:#7192a8;padding:36px 10px;font-size:12px}.empty.compact{padding:12px}.loading-state{color:#91b1c8;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:600px;display:flex}.loading-state h2{font-size:22px;font-weight:400}.loading-state p{color:#6287a0;font-size:13px}.loader{border:2px solid #29485e;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{color:#f0c296;background:#422c21;border:1px solid #70513b;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;font-size:12px;display:flex}.error-banner button{padding:3px 10px}.access-card{background:#0e2131;border:1px solid #294959;border-radius:10px;flex-direction:column;gap:17px;width:370px;margin:60px auto;padding:34px;display:flex}.access-mark{font:30px var(--mono);color:var(--accent)}.access-card .eyebrow{margin-top:10px;margin-bottom:0}.access-card h2{font-size:23px;font-weight:500}.access-card p{color:#7f9fb5;font-size:12px}.access-card label{color:#b7cdda;margin-top:9px;font-size:12px}.primary{color:#08292c;background:#4ad4c7;border-color:#4ad4c7;padding:12px;font-weight:600}.primary:hover{color:#08292c;background:#7beadd}.error{color:#f1ae7e!important}.settings-dialog{color:#cce0eb;background:#102231;border:1px solid #345368;border-radius:12px;width:460px;max-width:calc(100vw - 32px);max-height:90vh;padding:28px;box-shadow:0 20px 100px #0008}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020811ad}.settings-dialog header{justify-content:space-between;align-items:center;display:flex}.settings-dialog h2{font-size:23px;font-weight:500}.settings-dialog header button{background:0 0;border:0;padding:2px 7px;font-size:23px}.settings-intro{color:#7c9baf;margin:16px 0 20px;font-size:12px;line-height:1.8}.settings-dialog>label,.setting-pair>label{color:#98b4c7;flex-direction:column;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.setting-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-dialog h3{margin:12px 0 8px;font-size:13px;font-weight:500}.settings-hint{color:#6d8ca3;margin-bottom:12px;font-size:11px}.panel-setting{border-bottom:1px solid #263d4d;justify-content:space-between;align-items:center;min-height:40px;display:flex}.panel-setting label{align-items:center;gap:10px;font-size:12px;display:flex}.panel-setting input{accent-color:#49ddd1}.panel-setting button{background:0 0;border:0;padding:4px 9px}.config-actions{gap:8px;margin-top:21px;display:flex}.config-actions button,.button{padding:8px 13px;font-size:11px}.button{background:#112a3b;border:1px solid #294653;border-radius:5px;display:inline-block;position:relative;overflow:hidden}.file-input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.done-button{width:100%;margin-top:16px}.settings-message{color:#e6bd7e;margin-top:14px;font-size:12px}.custom-layout{grid-auto-rows:222px}@media (width>=1100px){.panel-recent{height:176px;padding-top:10px;padding-bottom:6px}.panel-recent .panel-heading{height:21px;margin-bottom:5px}.panel-recent th,.panel-recent td{height:26px}.panel-grid{grid-template-rows:230px 230px 206px;grid-auto-rows:218px}.screen:not(.is-scaled){padding:0 26px 16px}.screen:not(.is-scaled) .metric-value{font-size:30px}}@media (width<=1099px){.screen{padding:0 22px 18px}.workspace-label{display:none}.toolbar{gap:0}.toolbar button{padding:6px}.masthead h1{font-size:24px}.metric{padding:14px}.metric-caption{font-size:9px;line-height:1.5}.panel-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:230px}.panel-network{order:-1;grid-area:span 2/span 6}.panel-recent{grid-column:span 6}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-network .chart{height:350px}.screen-footer{flex-wrap:wrap;gap:12px;height:auto;padding-top:20px}.metric-value{font-size:32px}.mini-bars{display:none}}@media (width<=599px){.screen{padding:0 14px 20px}.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:85px;padding:14px 0}.brand{font-size:14px}.toolbar{justify-content:space-between;width:100%}.toolbar button{font-size:10px}.mode-badge{margin:0;font-size:9px}.masthead{gap:10px;height:120px}.masthead h1{letter-spacing:1px;font-size:20px}.masthead p{max-width:240px;font-size:9px;line-height:1.7}.eyebrow{letter-spacing:1px;font-size:8px}.title-line,.clock{display:none}.filterbar{flex-wrap:wrap;gap:8px;height:auto;min-height:90px;padding:8px 0}.scope{flex-wrap:wrap;gap:5px}.scope label{font-size:11px}.scope select{min-width:120px;max-width:210px}.filter-right{justify-content:space-between;width:100%}.metrics{gap:10px}.metric{padding:12px 10px}.metric-label{letter-spacing:0;font-size:10px}.metric-value{font-size:24px}.metric-value small{margin-left:4px;font-size:9px}.metric-caption{font-size:8px}.metric-label>span{display:none}.metric-bottom{gap:4px;font-size:8px}.delta{font-size:9px}.panel-grid{flex-direction:column;display:flex}.panel{flex-shrink:0;height:240px}.panel-network{height:420px}.panel-network .chart{height:285px}.network-stats>div{flex-direction:column;gap:5px}.map-legend{font-size:8px;bottom:91px}.map-overview strong{font-size:28px}.panel-recent{height:235px}.panel-recent .panel-heading>span{font-size:8px}table{min-width:630px}.screen-footer>span:last-child{display:none}.access-card{width:100%;margin:25px auto;padding:25px}.settings-dialog{padding:22px}.error-banner{gap:10px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.api-basis-note{color:#9bb7c9;padding:0 0 9px;font-size:11px}.connection-card{text-align:left;background:#0e202e;border:1px solid #294252;border-radius:16px;max-width:720px;margin:32px auto 60px;padding:36px}.connection-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.connection-heading h2{margin:10px 0;font-size:28px}.connection-symbol{color:var(--accent,#49ddd1);font-size:46px}.connection-intro,.connection-footnote,.connection-card small{color:#94aebe;font-size:13px;line-height:1.7}.connection-card fieldset{border:0;margin:22px 0;padding:0}.connection-card label{color:#d8e6ee;gap:8px;margin:16px 0;font-size:14px;display:grid}.connection-card input:not([type=checkbox]){box-sizing:border-box;color:#edf5fa;width:100%;font:inherit;background:#091622;border:1px solid #385363;border-radius:8px;padding:13px}.connection-card input:focus{outline:2px solid var(--accent,#49ddd1);outline-offset:2px}.connection-card small{font-size:12px}.connection-pair{grid-template-columns:1fr 1fr;gap:18px;display:grid}.connection-card details{border-top:1px solid #294252;padding-top:18px}.connection-card summary{cursor:pointer;color:#aac2d1}.connection-card .connection-checkbox{align-items:center;gap:10px;display:flex}.connection-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.connection-actions button{padding:12px 20px}.connection-progress{color:var(--accent,#49ddd1)}.connection-footnote{margin-top:20px;font-size:12px}.connection-card fieldset:disabled{opacity:.65}@media (width<=600px){.connection-card{margin:18px 0;padding:22px 18px}.connection-pair{grid-template-columns:1fr;gap:0}.connection-heading h2{font-size:23px}.connection-symbol{font-size:32px}}.region-map{z-index:2;width:100%;margin-top:14px;position:relative}.region-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.region-controls label{color:#aac2d1;align-items:center;gap:6px;font-size:12px;display:flex}.region-controls select{max-width:145px;padding:6px 8px;font-size:12px}.region-controls button,.region-breadcrumb button{padding:4px 7px;font-size:11px}.region-breadcrumb{color:#90aabb;flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0;font-size:11px;display:flex}.region-count{margin-left:auto}.region-map .chart{width:100%!important;height:230px!important;position:relative!important;inset:auto!important}.region-hint{color:#839fb3;margin:5px 0 10px;font-size:11px}.region-placeholder{color:#a6becf;justify-content:center;align-items:center;gap:10px;height:290px;font-size:13px;display:flex}.scope-count{color:#8da7b8;font-size:12px}.panel-network{min-height:460px}.region-controls button:focus-visible,.region-breadcrumb button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=600px){.region-controls select{max-width:115px}.region-map .chart{height:280px!important}.region-breadcrumb{gap:2px}.panel-network{min-height:460px}}.panel-grid{grid-auto-rows:minmax(230px,auto)}.panel-network{flex-direction:column;height:auto;min-height:0;display:flex}.panel-network .map-legend{gap:12px;margin:8px 0 14px;position:static}.panel-network .network-stats{width:100%;margin-top:auto;position:static}.panel-network .map-note{margin-top:10px;position:static}@media (width<=600px){.panel-network{min-height:460px}.region-controls{gap:6px}.region-count{width:100%;margin-left:0}}.panel-grid.custom-layout{grid-template-rows:none}.viewport.is-fitting{height:100dvh;min-height:0;overflow:hidden}.is-fitting .screen-shell{overflow:hidden}.panel-network .region-map{flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex}.panel-network .region-map .chart,.panel-network .region-placeholder{flex:1;min-height:120px;height:auto!important}.panel-network .region-controls,.panel-network .region-breadcrumb,.panel-network .region-hint{flex-shrink:0}.panel-network .map-legend{margin:2px 0 10px}.panel-network .network-stats{flex-shrink:0}.panel-network .region-hint{margin-bottom:6px;font-size:10px}.panel-network .panel-heading{flex-shrink:0}.product-row{padding-top:2px;padding-bottom:2px}.product-row .rank-detail>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-row b{white-space:nowrap}.product-row small{color:#789aac;font-size:9px}.product-note{color:#7796aa;margin-top:8px;font-size:9px}.panel-recent{height:206px}.recent-orders{position:relative}.order-scroll-actions{color:#789aac;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;top:-29px;right:0}.order-scroll-actions button{padding:2px 7px;font-size:10px}.panel-recent .panel-heading>span{margin-right:190px}.order-columns{color:#678ba4;background:#132a3b66;grid-template-columns:20% 22% 27% 17% 14%;align-items:center;height:26px;font-size:10px;display:grid}.order-columns span{padding:0 17px}.orders-viewport{scrollbar-width:none;height:128px;overflow:hidden auto}.orders-viewport::-webkit-scrollbar{display:none}.orders-viewport:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.orders-viewport table{table-layout:fixed;min-width:0}.orders-viewport td{white-space:nowrap;text-overflow:ellipsis;height:32px;overflow:hidden}.orders-viewport col:first-child{width:20%}.orders-viewport col:nth-child(2){width:22%}.orders-viewport col:nth-child(3){width:27%}.orders-viewport col:nth-child(4){width:17%}.orders-viewport col:nth-child(5){width:14%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1099px){.panel-network{min-height:472px}.panel-recent .panel-heading>span{display:none}}@media (width<=600px){.panel-network{min-height:530px}.order-columns{grid-template-columns:25% 28% 25% 22%}.order-columns span{padding:0 4px}.order-columns span:nth-child(2),.orders-viewport td:nth-child(2),.orders-viewport col:nth-child(2){display:none}.orders-viewport td{padding:0 4px;font-size:9px}.orders-viewport col:first-child{width:25%}.orders-viewport col:nth-child(3){width:28%}.orders-viewport col:nth-child(4){width:25%}.orders-viewport col:nth-child(5){width:22%}.orders-viewport .status-badge{padding:2px}.order-scroll-actions{gap:4px;font-size:9px}}.order-overview{background:#0d1e2dcc;border:1px solid #233d4e;border-radius:6px;margin:14px 0;padding:13px 20px 11px}.overview-heading{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.overview-heading h2{letter-spacing:1px;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.overview-heading h2 i{background:var(--accent);border-radius:1px;width:3px;height:12px}.overview-heading>span{color:#7895a8;font-size:10px}.overview-grid{grid-template-columns:2fr 1fr 1fr;display:grid}.overview-amount{min-width:0;padding-right:24px}.overview-counts{border-left:1px solid #243d4e;min-width:0;padding:0 20px}.overview-counts:last-child{padding-right:0}.overview-label,.overview-number-line>span{color:#a5bdcc;font-size:12px}.overview-amount-value{font:32px var(--mono);color:var(--accent);margin:5px 0}.overview-amount-value>small{margin-right:6px;font-size:16px}.overview-legend{color:#91adbf;align-items:center;gap:16px;font-size:10px;display:flex}.overview-legend .yesterday{background:#7892a4}.overview-yesterday{margin-left:auto}.overview-amount .chart{height:54px;margin:3px 0}.overview-basis{color:#6c8b9f;font-size:9px}.overview-number-line{align-items:baseline;gap:10px;display:flex}.overview-number-line strong{font:24px var(--mono);color:#e0edf4}.overview-number-line small{color:#7895a8;margin-left:5px;font:10px system-ui}.overview-comparison{color:#7f9eb1;flex-wrap:wrap;gap:14px;margin-top:4px;font-size:10px;display:flex}.overview-comparison b{color:var(--accent);margin-left:5px;font-weight:400}.overview-comparison b.negative{color:#e6b979}.overview-counts .chart{height:43px;margin:4px 0 8px}.overview-month{border-top:1px solid #243d4e;padding-top:8px}.overview-month .overview-number-line strong{font-size:21px}.overview-unavailable{color:#c9b38d;place-items:center;min-height:150px;display:grid}@media (width<=700px){.order-overview{padding:14px}.overview-grid{grid-template-columns:1fr 1fr;gap:16px 0}.overview-amount{border-bottom:1px solid #243d4e;grid-column:1/-1;padding:0 0 12px}.overview-counts{padding:0 10px}.overview-counts:nth-child(2){border-left:0;padding-left:0}.overview-number-line{flex-wrap:wrap;gap:5px}.overview-number-line>span{font-size:11px}.overview-comparison{gap:4px;font-size:9px}.overview-yesterday{font-size:9px}}.widget-board{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:242px;grid-auto-flow:row;gap:12px;display:grid}.widget{border-radius:6px;flex-direction:column;grid-column:span 3;min-width:0;min-height:0;display:flex}.widget>.panel{flex:1;order:0;width:100%;height:100%;min-height:0}.widget-network{grid-area:span 2/span 6}.widget-recent{grid-column:1/-1}.layout-balanced>.widget{grid-column:span 4}.layout-balanced>.widget-network{grid-column:span 8}.layout-columns>.widget,.layout-columns>.widget-network{grid-column:span 6}.layout-balanced>.widget-recent,.layout-columns>.widget-recent{grid-column:1/-1}.layout-editor{border:1px solid #34596a;border-top:2px solid var(--accent);background:#0b2231;border-radius:6px;margin-bottom:14px;padding:18px 20px 10px}.editor-intro{align-items:center;gap:24px;margin-bottom:16px;display:flex}.editor-intro h2{margin:4px 0 0;font-size:18px;font-weight:500}.editor-intro p{color:#97b2c2;flex:1;font-size:12px}.editor-intro .primary{padding:9px 20px}.editor-options{justify-content:space-between;align-items:center;gap:20px;display:flex}.layout-presets{gap:10px;display:flex}.layout-presets button{text-align:left;background:#0b1a28;border:1px solid #2b4a5b;border-radius:5px;align-items:center;gap:12px;padding:12px 18px;display:flex}.layout-presets button.active{border-color:var(--accent);background:#163943}.layout-presets b{font-size:13px;font-weight:500;display:block}.layout-presets small{color:#8aa7ba;margin-top:4px;font-size:10px;display:block}.layout-mini{grid-template-rows:repeat(3,9px);grid-template-columns:repeat(4,9px);gap:3px;display:grid}.layout-mini i{background:#426578;border-radius:1px}.active .layout-mini i{background:var(--accent);opacity:.65}.layout-mini.focus i:nth-child(2){grid-area:span 2/span 2}.layout-mini.focus i:last-child{grid-column:span 4}.layout-mini.balanced i,.layout-mini.columns i{grid-column:span 2}.layout-mini.columns i:first-child{grid-row:span 2}.layout-mini.columns i:last-child{display:none}.add-widget{color:#a6bfcb;align-items:center;gap:12px;font-size:12px;display:flex}.add-widget select,.widget-tools select{color:#d1e5ef;font:inherit;background:#112b3b;border:1px solid #35596c;border-radius:4px;padding:7px 9px}.editor-save{color:#91b8c4;min-height:15px;margin-top:10px;font-size:11px}.is-editing.widget-board{grid-auto-rows:295px}.widget-tools{background:#173644;border:1px solid #386272;border-bottom:0;border-radius:6px 6px 0 0;align-items:center;gap:4px;padding:5px;display:flex}.widget-tools button{color:#c5e2ec;flex:0 0 26px;height:26px;padding:0}.widget-tools select{flex:1;width:0;padding:4px;font-size:11px}.widget-tools .drag-handle{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;font-size:22px}.widget-tools .drag-handle:active{cursor:grabbing}.widget-tools button:disabled{opacity:.3}.widget-description{color:#86a7b8;background:#0b202e;min-height:26px;margin:0;padding:6px 8px;font-size:10px}.is-editing .widget>.panel{border-radius:0}.widget.drop-target{outline:2px dashed var(--accent);outline-offset:3px}.widget.dragging{opacity:.45}.widget .network-stats{gap:8px;padding-top:12px}.widget .network-stats>div{flex-direction:column;gap:5px;min-width:0}.widget .network-stats b{overflow-wrap:anywhere;font-size:clamp(16px,1.1vw,21px)}.lifetime-caption{color:#7292a5;text-align:center;margin:9px 0 0;font-size:9px}.metric-widget{flex-direction:column;height:calc(100% - 33px);display:flex}.metric-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:20px 12px;display:grid}.metric-grid>div{min-width:0}.metric-grid span{color:#92b1c2;margin-bottom:7px;font-size:11px;display:block}.metric-grid b{font:23px var(--mono);color:#cde2eb;overflow-wrap:anywhere;display:block}.metric-grid>div:first-child b{color:var(--accent)}.metric-grid b small{color:#829eae;margin-left:6px;font:10px sans-serif}.metric-widget>p{color:#718fa1;margin:8px 0 0;font-size:9px;line-height:1.5}.metric-widget .metric-error{color:#d7b77a}.metric-grid .unavailable{color:#8195a0!important}.state-row{color:#adc8d7;grid-template-columns:72px 1fr 30px;align-items:center;gap:10px;margin:13px 0;font-size:11px;display:grid}.state-row .rank-track{margin:0}.state-row b{text-align:right;font:16px var(--mono)}@media (width<=1099px){.widget-board{grid-template-columns:repeat(6,minmax(0,1fr))}.widget-board>.widget{grid-column:span 3}.widget-board>.widget-network,.widget-board>.widget-recent{grid-column:1/-1}.editor-options,.editor-intro{flex-wrap:wrap}.editor-intro p{flex-basis:50%}.layout-presets button{padding:10px}}@media (width<=600px){.widget-board{grid-template-columns:minmax(0,1fr);grid-auto-rows:255px}.widget-board>.widget{grid-column:1/-1}.widget-network{grid-row:span 2}.editor-intro{gap:10px}.editor-intro p{flex-basis:100%;order:3}.editor-intro .primary{margin-left:auto}.layout-presets{gap:6px;width:100%}.layout-presets button{flex:1;justify-content:center;padding:10px 4px}.layout-presets small,.layout-mini{display:none}.add-widget{justify-content:space-between;width:100%}.layout-editor{padding:14px 10px 8px}.widget .network-stats b{font-size:15px}}.widget-board:has(.dragging){-webkit-user-select:none;user-select:none}.auto-fit-badge{color:#7f9eaf;white-space:nowrap;font-size:11px}.is-scaled .widget-board{grid-template-columns:repeat(12,minmax(0,1fr))}.is-scaled .widget-board>.widget{grid-column:span 3}.is-scaled .widget-board>.widget-network{grid-column:span 6}.is-scaled .layout-balanced>.widget{grid-column:span 4}.is-scaled .layout-balanced>.widget-network{grid-column:span 8}.is-scaled .layout-columns>.widget{grid-column:span 6}.is-scaled .widget-board>.widget-recent{grid-column:1/-1}.region-controls .region-count{color:#809fb2;margin-left:auto;font-size:11px}.notification-bar{background:#0d2130;border:1px solid #294758;border-radius:6px;align-items:center;gap:20px;min-height:86px;margin-top:12px;padding:14px 20px;display:flex}.notification-label{border-right:1px solid #294758;align-items:center;gap:12px;min-width:120px;padding-right:20px;display:flex}.notification-symbol{color:var(--accent);font-size:20px}.notification-label h2{margin:0 0 5px;font-size:13px;font-weight:500}.notification-label div>span{color:#799bad;font-size:10px}.notification-content{flex:1;min-width:0}.notification-title{align-items:center;gap:12px;min-width:0;display:flex}.notification-category{color:var(--accent);white-space:nowrap;border:1px solid #355769;border-radius:3px;padding:2px 7px;font-size:10px}.notification-title b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.notification-title time{color:#7f9caf;white-space:nowrap;margin-left:auto;font-size:10px}.notification-content p{color:#91aebe;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:11px;overflow:hidden}.notification-content p.notification-empty{margin:0}.notification-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.notification-actions>span{color:#7f9caf;font:11px var(--mono);margin-right:5px}.notification-actions button{border:1px solid #294758;border-radius:4px;padding:5px 8px;font-size:10px}.notifications-dialog{width:min(720px,100vw - 28px)}.notification-item{border-top:1px solid #2d4555;padding:16px 0}.notification-item>div{color:#8daaba;justify-content:space-between;gap:16px;font-size:11px;display:flex}.notification-item h3{color:#d4e7ef;margin:9px 0 5px;font-size:14px;line-height:1.6}.notification-item p{color:#a8c0ce;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.8}.notification-error{color:#d7b77a;font-size:10px}@media (width<=767px){.auto-fit-badge{display:none}.notification-bar{flex-wrap:wrap;gap:10px;padding:14px}.notification-label{border-right:0;min-width:100%;padding:0}.notification-label>div{align-items:center;gap:10px;display:flex}.notification-label h2{margin:0}.notification-content{flex-basis:100%}.notification-title{flex-wrap:wrap;gap:6px}.notification-title b{white-space:normal;flex-basis:100%}.notification-content p{white-space:normal}.notification-title time{order:-1;margin-left:0}.notification-actions{margin-left:auto}}.widget-board,.is-editing.widget-board{grid-auto-rows:20px;margin-top:14px}.widget{position:relative;container-type:inline-size}.widget>.panel{overflow:auto}.widget>.order-overview{flex-direction:column;flex:1;height:100%;min-height:0;margin:0;display:flex;overflow:auto}.widget .overview-grid{flex:1;min-height:0}.widget .overview-amount{flex-direction:column;display:flex}.widget .overview-amount .chart{flex:1;min-height:40px}.widget .overview-counts{flex-direction:column;display:flex}.widget .overview-counts>.chart{flex:1;min-height:32px}.widget .panel-trend,.widget .panel-recent{flex-direction:column;display:flex}.widget .panel-heading{flex-shrink:0}.widget .panel-trend>.chart{flex:1;height:auto;min-height:40px}.widget .recent-orders{flex-direction:column;flex:1;min-height:0;display:flex}.widget .orders-viewport{flex:1;height:auto;min-height:50px}.widget .order-columns,.widget .order-scroll-actions,.widget .widget-tools,.widget .widget-description{flex-shrink:0}.widget-description{white-space:nowrap;text-overflow:ellipsis;padding-right:28px;overflow:hidden}.resize-handle{width:28px;height:28px;color:var(--accent);cursor:nwse-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3;background:#173644;border:1px solid #436778;border-radius:5px 0;padding:0;position:absolute;bottom:0;right:0}.resize-handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.resize-preview{border:2px dashed var(--accent);pointer-events:none;z-index:5;box-sizing:border-box;background:#3fcfc51a;position:absolute;top:0;left:0}.resize-preview span{color:#e0f5ff;font:12px var(--mono);white-space:nowrap;background:#153442;padding:6px 10px;position:absolute;bottom:4px;right:4px}.reset-sizes{white-space:nowrap;border:1px solid #345969;border-radius:4px;padding:8px 10px;font-size:12px}.widget-notifications>.notification-bar{flex-direction:column;flex:1;align-items:stretch;gap:13px;height:100%;min-height:0;margin:0;padding:16px 19px;overflow:auto}.widget-notifications .notification-label{border:0;width:100%;min-width:0;padding:0}.widget-notifications .notification-label>div{flex:1;justify-content:space-between;align-items:center;gap:6px;display:flex}.widget-notifications .notification-label h2{margin:0}.widget-notifications .notification-symbol{font-size:15px}.widget-notifications .notification-content{flex-direction:column;flex:1;justify-content:center;display:flex}.widget-notifications .notification-title{flex-wrap:wrap;align-content:start;gap:7px}.widget-notifications .notification-title b{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-basis:100%;order:3;line-height:1.65;display:-webkit-box}.widget-notifications .notification-title time{font-size:9px}.widget-notifications .notification-content p{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.7;display:-webkit-box}.widget-notifications .notification-empty{text-align:center}.widget-notifications .notification-actions{flex-wrap:wrap;justify-content:space-between;gap:4px}.widget-notifications .notification-actions button{padding:4px 6px}@container (width<=650px){.overview-grid{grid-template-columns:1fr 1fr;gap:10px}.overview-amount{grid-column:1/-1;padding:0}.overview-amount .chart{min-height:32px}.overview-counts{border-left:0;padding:0}.overview-label,.overview-number-line>span{font-size:10px}.panel-heading>span{text-overflow:ellipsis;white-space:nowrap;max-width:50%;overflow:hidden}}@media (width<=767px){.widget-board,.is-editing.widget-board{flex-direction:column;display:flex}.widget-board>.widget{height:calc(var(--widget-rows) * 32px - 12px);flex:none}.widget-board>.widget-overview{min-height:410px}.widget-board>.widget-network{min-height:500px}.is-editing.widget-board>.widget-overview{min-height:475px}.is-editing.widget-board>.widget-network{min-height:560px}}
