:root{--navy:#14293f;--ink:#20334b;--muted:#7b899a;--line:#e8edf3;--bg:#f5f7fb;--blue:#497cf3;--green:#178777;--red:#c65353;--shadow:0 3px 16px #22344d04;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--blue)}button{color:inherit}button,select,input{transition:background .15s,border-color .15s,box-shadow .15s}button:disabled{cursor:default;opacity:.4}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.app-shell{display:flex;min-height:100vh}.sidebar{width:218px;flex:0 0 218px;background:var(--navy);color:#b8c7d6;padding:32px 18px 24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;color:white;text-decoration:none;align-items:center;padding:0 10px}.brand-mark{display:grid;place-items:center;background:#2f796f;width:39px;height:42px;border-radius:11px;font-size:24px;font-family:serif;border:1px solid #ffffff15}.brand strong{display:block;font-size:18px;font-weight:650;letter-spacing:2px}.brand small{font-size:10px;letter-spacing:1.4px;color:#91a7bd;display:block;margin-top:5px}.nav-eyebrow{font-size:10px;letter-spacing:2px;color:#71869a;padding:49px 15px 15px}.navigation{display:grid;gap:8px}.nav-button{border:0;background:none;border-radius:9px;padding:14px;display:flex;gap:12px;align-items:center;text-align:left;width:100%;color:#aebfd0;font-size:13px}.nav-button:hover{background:#ffffff08}.nav-button.active{color:#fff;background:#284259;box-shadow:inset 3px 0 #69c9b9}.nav-button svg{width:19px;height:19px}.nav-count{margin-left:auto;font-variant-numeric:tabular-nums;font-size:10px;color:#839bb2}.nav-button.active .nav-count{color:#a9e4d8}.sidebar-bottom{margin-top:auto;padding-top:55px}.data-card{background:#1c344a;border:1px solid #ffffff09;border-radius:11px;padding:16px 15px;font-size:10px;color:#9eb3c6}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#65c9ae;margin-right:6px}.data-card strong{display:block;font-size:21px;font-weight:500;letter-spacing:1px;color:#edf4f9;margin:12px 0 9px;font-variant-numeric:tabular-nums}.data-card small{font-size:10px;line-height:1.9;color:#849db3}.method-button{border:0;background:none;font-size:10px;color:#9fb3c7;display:flex;align-items:center;gap:7px;width:100%;padding:21px 5px}.method-button svg{width:14px;height:14px}.method-button .small-icon{margin-left:auto}.shop-caption{font-size:10px;color:#607c94;border-top:1px solid #ffffff0a;padding:16px 7px 0}.main{width:calc(100% - 218px);margin-left:218px}.topbar{height:66px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:11px}.breadcrumbs{color:#7e8c9e}.breadcrumbs span{margin:0 13px;color:#ccd5e0}.snapshot{color:#8292a3;font-size:10px;display:flex;align-items:center;gap:7px}.snapshot>span{height:5px;width:5px;background:#74ad9e;border-radius:50%}.content{padding:32px 34px 10px;max-width:1690px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2.2px;color:#8b9aac;margin-bottom:9px}h1{font-size:29px;letter-spacing:1px;font-weight:650;margin:0 0 9px;color:#1e334b}h2,h3,p{margin:0}.page-heading p{font-size:11px;color:#8491a1}.button{border:1px solid #dce4ee;border-radius:8px;background:white;display:inline-flex;gap:8px;align-items:center;padding:10px 14px;font-size:11px;box-shadow:0 1px 3px #19344c03}.button:hover{background:#f8faff;border-color:#b8c8dc}.button svg{width:15px;height:15px}.filter-panel{border:1px solid var(--line);background:white;border-radius:11px;box-shadow:var(--shadow)}.filter-top{padding:14px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f3f7;gap:10px}.date-presets{display:flex;align-items:center;background:#f4f6f9;padding:3px;border-radius:7px;gap:3px}.date-presets button{background:none;border:0;padding:8px 13px;font-size:11px;color:#78899b;border-radius:5px;white-space:nowrap}.date-presets .selected{background:white;box-shadow:0 1px 5px #263e5e0b;color:#26466b;font-weight:600}.custom-dates{display:flex;align-items:center;gap:8px;color:#a0adbb;font-size:11px}.custom-dates input{color:#64788e;border:1px solid #e4eaf2;padding:7px 8px;border-radius:6px;background:#fff;font-size:11px;min-width:126px}.filter-bottom{padding:13px 17px;display:flex;gap:10px;align-items:center}.search-field{display:flex;align-items:center;border:1px solid #e4eaf2;border-radius:6px;padding:8px 10px;gap:7px;flex:1;min-width:170px}.search-field svg{width:15px;height:15px;color:#9aabbc}.search-field input{border:0;outline:none;width:100%;font-size:11px;min-width:100px;color:var(--ink)}.search-field input::placeholder{color:#a0adbb}.search-field:focus-within{border-color:#8daaf3;box-shadow:0 0 0 2px #497cf311}.filter-bottom select{padding:8px 28px 8px 10px;border-radius:6px;border:1px solid #e4eaf2;background:#fff;color:#62768b;font-size:11px;max-width:220px;height:34px}.reset-button{border:0;background:none;color:#8495a7;font-size:11px;padding:8px 6px}.reset-button:hover{color:var(--blue)}.scope-line{font-size:10px;color:#8b99aa;display:flex;justify-content:space-between;align-items:center;margin:17px 1px 12px;min-height:18px}.scope-line strong{color:#58718c;font-weight:500}.scope-line button{font-size:10px;border:0;background:none;color:var(--blue)}[hidden]{display:none!important}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.kpi.profit{background:#f2faf7;border-color:#dbeee7}.kpi-label{display:flex;align-items:center;justify-content:space-between;color:#7b8b9d;font-size:11px}.kpi-code{font-size:9px;letter-spacing:1px;color:#b7c4d2}.kpi-value{display:block;font-size:27px;font-weight:630;letter-spacing:-.7px;margin:16px 0 10px;color:#253d58;font-variant-numeric:tabular-nums;white-space:nowrap}.kpi-value .currency{font-size:15px;letter-spacing:0;color:#8b9aac;margin-right:4px;font-weight:400}.kpi.profit .kpi-value{color:var(--green)}.kpi-foot{border-top:1px solid #f0f3f7;padding-top:11px;font-size:10px;color:#92a0b1}.kpi.profit .kpi-foot{border-color:#e3f0e9}.kpi-foot b{font-weight:500;color:#5c7388;margin-right:4px}.kpi .negative{color:var(--red)!important}.charts-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:18px;margin-bottom:22px}.panel{border:1px solid var(--line);background:white;border-radius:11px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 21px 0}.panel-heading h2{font-size:13px;font-weight:600;letter-spacing:.4px}.panel-heading div>span{font-size:10px;color:#97a4b5;display:block;margin-top:6px}.legend-dot{font-size:10px;color:#93a1b2;display:flex;gap:6px;align-items:center}.legend-dot:before{content:'';width:6px;height:6px;border-radius:2px;background:#34a69a}.profit-chart{padding:19px 24px 15px;min-height:202px}.trend-item{display:grid;grid-template-columns:72px 1fr 105px;gap:14px;align-items:center;border:0;background:none;width:100%;padding:15px 0;text-align:left;position:relative;color:var(--ink)}.trend-item+.trend-item{border-top:1px dashed #edf1f5}.trend-date{font-size:12px;font-variant-numeric:tabular-nums;color:#586e86}.trend-date small{font-size:9px;color:#9eacba;display:block;margin-top:5px}.bar-track{height:24px;background:repeating-linear-gradient(90deg,#f0f3f7 0px,#f0f3f7 1px,transparent 1px,transparent 25%);display:flex;align-items:center}.bar-fill{height:21px;min-width:2px;max-width:100%;background:linear-gradient(90deg,#9cd6c7,#34a69a);border-radius:0 4px 4px 0;transition:width .3s}.bar-fill.loss{background:linear-gradient(90deg,#f3c6c6,#d57575)}.trend-amount{text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--green)}.trend-amount small{display:block;font-size:10px;color:#9aa8b7;font-weight:400;margin-top:5px}.trend-item:hover .bar-fill{filter:brightness(.95)}.chart-caption{font-size:9px;color:#a7b1be;padding-top:10px;border-top:1px solid #f0f3f7;margin-top:7px}.cost-panel #costChart{padding:23px 22px 19px}.stacked-bar{height:12px;border-radius:5px;display:flex;overflow:hidden;background:#f0f3f7;margin-bottom:20px;gap:2px}.stacked-bar span{min-width:2px}.cost-legend{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.cost-item{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:10px}.cost-item i{width:6px;height:6px;border-radius:2px}.cost-item span{color:#8493a5}.cost-item strong{font-size:10px;color:#4d647f;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.cost-item small{font-size:9px;color:#a0adbc;margin-left:4px}.icon-button{border:0;background:transparent;padding:4px;color:#9aabbd;display:flex;align-items:center;justify-content:center;border-radius:5px}.icon-button:hover{background:#eef3f9;color:#4e6c8b}.icon-button svg{width:17px;height:17px}.table-top{padding:21px;display:flex;align-items:center;justify-content:space-between;gap:15px}.table-top h2{font-size:14px;font-weight:600}.table-top p{font-size:10px;color:#95a3b4;margin-top:7px}.view-switch{display:flex;border:1px solid #e5ebf2;border-radius:7px;padding:3px;flex-shrink:0}.view-switch button{border:0;background:none;padding:7px 11px;border-radius:4px;font-size:10px;color:#91a0b2}.view-switch button.active{background:#edf3ff;color:#4774ce;font-weight:600}.table-scroll{overflow-x:auto;min-height:170px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}thead{background:#f8fafc;color:#8190a3;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6}th{font-weight:500;font-size:10px;padding:12px 15px}th:first-child,td:first-child{padding-left:22px}th:last-child,td:last-child{padding-right:22px}th.number,td.number{text-align:right}th button{padding:0;border:0;background:none;color:inherit;display:inline-flex;align-items:center;gap:3px;font-size:inherit}th button svg{width:11px;height:11px;opacity:.5}th button.sorted{color:#426bb6}th button.sorted svg{opacity:1}td{padding:15px;border-bottom:1px solid #f0f3f7;font-variant-numeric:tabular-nums;color:#536a83}tbody tr:hover{background:#fafcff}td.strong{font-weight:600;color:#2b4461}.profit-number{color:var(--green);font-weight:600}.loss-number{color:var(--red)!important}.neutral-number{color:#99a6b4}.table-link{border:0;background:none;color:#497bc9;font-size:10px;padding:4px 0;display:inline-flex;align-items:center;gap:4px}.table-link svg{width:13px;height:13px}.table-link:hover{color:#224d99}.date-label{display:flex;align-items:center;gap:8px}.date-tag{border:1px solid #e5ebf2;background:#fafcff;color:#8c9caf;font-size:9px;padding:3px 5px;border-radius:4px}.product-cell{display:flex;align-items:center;gap:10px;max-width:360px}.product-avatar{height:34px;width:34px;border-radius:7px;display:grid;place-items:center;background:#edf2f9;color:#6883a3;font-size:9px;font-weight:650;flex-shrink:0}.product-title{max-width:245px;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#334f70;font-weight:500}.product-meta{font-size:9px;color:#9aa9ba;margin-top:5px}.status{display:inline-block;padding:4px 7px;border-radius:4px;font-size:9px;font-weight:400}.status.normal{background:#edf6f3;color:#4e9787}.status.refund{background:#fdf0ed;color:#c6816c}.status.pending{background:#fff7e9;color:#b28c4d}.order-id{font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#486580;border:0;background:none;padding:3px 0;text-align:left}.order-id:hover{color:var(--blue)}.order-date{font-size:9px;color:#a0adbb;margin-top:5px}.item-spec{font-size:9px;color:#a0adbb;margin-top:5px;max-width:230px;overflow:hidden;text-overflow:ellipsis}tfoot{background:#f8fafc}tfoot td{border-top:1px solid #e8edf3;font-weight:600;font-size:10px;color:#637993;border-bottom:0;padding:13px 15px}.table-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 21px;border-top:1px solid #eef2f7;font-size:10px;color:#93a2b4}.pagination{display:flex;gap:5px;align-items:center}.pagination button{background:white;border:1px solid #e1e8f1;color:#7990aa;border-radius:5px;padding:5px 9px;font-size:10px;min-width:27px}.pagination button.active{background:#edf3ff;color:#4677d1;border-color:#dce7ff}.pagination .dots{padding:0 4px}.empty-state{text-align:center;padding:45px 20px;white-space:normal}.empty-state strong{font-size:13px;color:#5b7390;display:block;margin-bottom:10px;font-weight:500}.empty-state p{font-size:11px;color:#a0adbc}.footer{display:flex;justify-content:space-between;align-items:center;padding:20px 2px;font-size:9px;color:#9aa7b7}.footer>span{display:flex;align-items:center;gap:6px}.estimate-dot{width:5px;height:5px;background:#d1a866;border-radius:50%}.footer button{display:flex;align-items:center;gap:5px;border:0;background:none;font-size:9px;color:#8ca0b7}.footer svg{width:12px;height:12px}dialog{border:0;box-shadow:0 20px 90px #10213540;color:var(--ink);padding:0}dialog::backdrop{background:#14293f65;backdrop-filter:blur(3px)}.drawer{position:fixed;inset:0 0 0 auto;width:min(490px,100%);height:100dvh;max-height:100dvh;margin:0;max-width:100%;border-radius:15px 0 0 15px;overflow-y:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:27px 26px 22px;border-bottom:1px solid var(--line)}.drawer-header h2{font-size:19px;font-weight:600}.drawer-header .eyebrow{margin-bottom:7px}.drawer-content{padding:24px 26px}.drawer-order{background:#f6f8fc;border:1px solid #e8edf5;border-radius:9px;padding:15px;margin-bottom:20px}.drawer-order-top{display:flex;justify-content:space-between;align-items:center}.drawer-order .order-id{font-size:11px}.drawer-order p{font-size:12px;line-height:1.8;margin:13px 0 6px}.drawer-order small{font-size:10px;color:#8a9bae;line-height:1.8}.drawer-section-title{font-size:11px;letter-spacing:.5px;color:#8a9caf;margin:23px 0 9px}.fee-line{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;gap:20px;font-size:12px;color:#687f97}.fee-line strong{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#314e6e;white-space:nowrap}.fee-line small{display:block;font-size:9px;color:#a1aebd;margin-top:5px;line-height:1.7}.fee-line.total{border-top:1px solid var(--line);margin-top:7px;padding-top:15px;color:#3c5676}.drawer-profit{margin-top:22px;padding:19px;background:#f0f8f5;border:1px solid #dfede7;border-radius:9px;display:flex;justify-content:space-between;align-items:center}.drawer-profit span{font-size:12px;color:#668d82}.drawer-profit strong{font-size:25px;color:var(--green);font-weight:600}.drawer-profit small{display:block;color:#7da294;font-size:10px;margin-top:7px}.drawer-warning{font-size:10px;color:#9c855b;background:#fff9ee;border:1px solid #f4e9d5;padding:12px;border-radius:7px;line-height:1.9;margin-top:18px}.method-dialog{width:min(720px,calc(100% - 32px));max-height:88dvh;border-radius:14px}.method-content{padding:23px 27px 30px;font-size:12px;line-height:1.95;color:#6d8096}.method-content h3{font-size:13px;color:#2d4768;margin:22px 0 9px}.method-content ul{padding-left:19px}.method-content li{margin-bottom:10px}.method-content strong{color:#48627d;font-weight:600}.note-callout{background:#f0f5fc;border-left:3px solid #7295db;padding:12px 14px;color:#6b84a4;font-size:11px}.source-list{font-size:10px;overflow-wrap:anywhere;padding-left:20px}.muted{color:#98a6b6}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#203b56;color:white;padding:12px 20px;border-radius:8px;box-shadow:0 5px 30px #14293f30;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.content{padding-top:38px}.kpi{padding:23px}.kpi-value{font-size:31px}.trend-item{padding:20px 0}.profit-chart{padding-top:24px}}
@media(max-width:1150px){.sidebar{width:185px;flex-basis:185px;padding-left:12px;padding-right:12px}.main{margin-left:185px;width:calc(100% - 185px)}.content{padding:26px 23px 10px}.topbar{padding:0 23px}.kpi{padding:16px}.kpi-value{font-size:23px}.filter-bottom{flex-wrap:wrap}.search-field{flex-basis:40%}.charts-grid{grid-template-columns:1fr 1fr}.cost-legend{gap:13px 10px}.cost-item small{display:none}.trend-item{grid-template-columns:62px 1fr 85px;gap:8px}.kpi-code{display:none}}
@media(max-width:850px){.sidebar{width:72px;flex-basis:72px;padding:24px 10px}.main{margin-left:72px;width:calc(100% - 72px)}.brand{padding:0;justify-content:center}.brand>span:last-child,.nav-eyebrow,.nav-button>span,.sidebar-bottom{display:none}.navigation{margin-top:35px;gap:13px}.nav-button{justify-content:center;padding:15px 0}.nav-button svg{width:21px;height:21px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.kpi-value{font-size:28px}.filter-top{flex-wrap:wrap}.filter-bottom select{flex:1;max-width:none}.search-field{flex-basis:100%}.custom-dates{margin-left:auto}.cost-legend{grid-template-columns:repeat(2,1fr)}.cost-item small{display:inline}.profit-chart{min-height:180px}.table-top p{max-width:300px;line-height:1.7}.snapshot{font-size:9px}}
@media(max-width:540px){.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 15px}.brand-mark{width:31px;height:33px;font-size:20px}.brand>span:last-child{display:block}.brand strong{font-size:14px}.brand small{display:none}.navigation{display:flex;margin:0;gap:4px}.nav-button{padding:9px 11px}.nav-button.active{box-shadow:inset 0 -2px #69c9b9}.nav-button svg{width:17px;height:17px}.app-shell{display:block}.main{margin:0;width:100%}.topbar{height:47px;padding:0 16px}.content{padding:23px 14px 5px}.page-heading{margin-bottom:21px}.page-heading p{max-width:210px;font-size:10px;line-height:1.7}h1{font-size:25px}.eyebrow{font-size:8px}.export-button{padding:9px 10px;font-size:10px;gap:5px}.export-button svg{width:13px;height:13px}.filter-top,.filter-bottom{padding:12px}.date-presets{width:100%;justify-content:space-between}.date-presets button{flex:1;padding:8px 6px;font-size:10px}.custom-dates{width:100%;justify-content:space-between}.custom-dates input{width:44%;min-width:0}.filter-bottom{gap:7px}.filter-bottom select{font-size:10px;padding-left:7px;max-width:calc(50% - 4px)}#productFilter{max-width:none;flex-basis:100%}.reset-button{margin-left:auto}.kpi-grid{gap:9px}.kpi{padding:15px 13px}.kpi-value{font-size:23px;margin-top:14px}.kpi-label{font-size:10px}.kpi-foot{font-size:9px;line-height:1.6;min-height:32px;padding-top:9px}.charts-grid{gap:12px}.panel-heading{padding:17px 17px 0}.panel-heading h2{font-size:12px}.cost-panel #costChart{padding:20px 17px}.table-top{padding:17px;flex-wrap:wrap}.table-top h2{font-size:13px}.table-top p{font-size:9px}.view-switch{margin-left:auto}.view-switch button{padding:6px 10px}.table-bottom{padding:13px 15px;font-size:9px}.scope-line{font-size:9px}.pagination{gap:3px}.pagination button{padding:5px 7px;min-width:23px}.footer{font-size:8px}.drawer-header{padding:23px 20px}.drawer-content{padding:21px 20px}.method-content{padding:19px 20px}.method-dialog{width:calc(100% - 20px)}.snapshot{max-width:160px;overflow:hidden;white-space:nowrap}.trend-item{grid-template-columns:65px 1fr 95px;gap:12px}}
.filter-bottom select{min-width:0}
@media(max-width:540px){#productFilter{width:100%;min-width:0;max-width:100%;flex:0 0 100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.profit-chart{max-height:460px;overflow-y:auto;padding-right:8px;}
.coverage-note{font-size:12px;line-height:1.8;color:#60758b;background:#edf3f8;border:1px solid #dfe8ef;border-radius:10px;padding:10px 14px;margin:0 0 18px;}