:root{--_blue_light: #36699d;--_blue_dark: #07203f;--_green_light: #e0f8dd;--_green_dark: #ccf3c8;--_red_light: #ffe5e5;--_red_dark: #900;--_black: #333;--_shadow_black: #0000001c;--_overlay_black: #00000096;--_white: #fff;--_yellow_light: #fff8e3;--_yellow_middle: #ffe38e;--_yellow_dark: #e4ad00;--yellow: #ffc905;--_grey_super_light: #fdfdfd;--_grey_middle_light: #f9f9f9;--_grey_light: #f2f2f2;--_grey: #e9e9e9;--_grey_middle: #ddd;--_grey_dark: #dad7d7;--_grey_middle_dark: #b1b1b1;--_grey_super_dark: #6a6666;--COLOR_ACTIVE_DARK: var(--_blue_dark);--COLOR_PRIMARY_LIGHT: var(--_grey_light);--COLOR_PRIMARY_MIDDLE: var(--_grey_middle);--COLOR_PRIMARY_DARK: var(--_grey_dark);--COLOR_PRIMARY_SUPER_DARK: var(--_grey_super_dark);--COLOR_NEUTRAL_LIGHT: var(--_white);--COLOR_NEUTRAL_DARK: var(--_black);--COLOR_ACCENT_BLACK: var(--_shadow_black);--COLOR_ACCENT_LIGHT: var(--_blue_light);--COLOR_ACCENT_DARK: var(--_blue_dark);--COLOR_ERROR_DARK: var(--_red_dark);--COLOR_CONFIRM_DARK: #3b8f43;--COLOR_ACCENT_REQUIRED: var(--_yellow_dark);--BG_WHITE: var(--_white);--BG_NOT_ACTIVE_GREY: var(--_grey_light);--BG_ACTIVE_BLUE: var(--_blue_dark);--BG_ACTIVE_BLUE_LIGHT: var(--_blue_light);--BG_ACTIVE_INVERT: linear-gradient(var(--_yellow_dark), var(--_yellow_middle));--BG_ACTIVE: linear-gradient(var(--_yellow_middle), var(--_yellow_dark));--BG_ACTIVE_INVERT_HOVER: linear-gradient(var(--_yellow_middle), var(--_yellow_light));--BG_ACTIVE_HOVER: linear-gradient(var(--_yellow_light), var(--_yellow_middle));--BG_NEUTRAL: linear-gradient(var(--_grey_light), var(--_grey_middle_dark));--BG_NEUTRAL_HOVER: linear-gradient(var(--_grey_super_light), var(--_grey_dark));--BG_DISABLED: var(--_grey_light);--BG_SHADOW: var(--_shadow_black);--BG_OVERLAY: var(--_overlay_black);--BG_REQUIRED_SHADOW: var(--_yellow_dark);--BG_REQUIRED: var(--_yellow_middle);--BG_GREY: var(--_grey_middle);--BG_GREY_MIDDLE: var(--_grey);--BG_GREY_LIGHT: var(--_grey_light);--BG_GREY_MIDDLE_LIGHT: var(--_grey_middle_light);--BG_NOT_ACTIVE: var(--_grey_middle);--BG_NOT_ACTIVE_HOVER: var(--_grey_middle_light);--BG_CHECKED: var(--_grey_middle_light);--BG_WARNING: var(--_red_light);--BG_CONFIRM: var(--_green_light);--BG_SUM: var(--_green_light);--BG_FINAL_SUM: var(--_green_dark);--stats-font-xl: 24px;--stats-font-lg: 18px;--stats-font-md: 13px;--stats-font-sm: 12px;--BG_YELLOW_NORMAL: var(--yellow);--stats-bg-page: #f2f2f2;--stats-bg-card: #fff;--stats-text: #333;--stats-text-muted: #6a6666;--stats-border: #ddd;--stats-border-strong: #b1b1b1;--stats-accent: #36699d;--stats-shadow: 0 1px 8px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--stats-bg-page);color:var(--stats-text);font-size:12px}button,input{font:inherit}button{cursor:pointer}.appShell{min-height:100vh;position:relative}.appShell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:34px 34px;opacity:.08}.appHeader{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 24px 14px;background:var(--BG_WHITE);border-bottom:1px solid var(--stats-border)}.brandBlock h1{margin:2px 0 6px;font-size:clamp(26px,3vw,38px);line-height:1;color:var(--COLOR_ACTIVE_DARK)}.brandBlock p{margin:0;max-width:70ch;color:var(--stats-text-muted)}.brandKicker{text-transform:uppercase;letter-spacing:.16em;color:var(--COLOR_ACCENT_LIGHT);font-size:12px;font-weight:700}.headerActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tokenBadge{min-width:138px;padding:10px 14px;border:1px solid var(--stats-border);border-radius:10px;background:var(--BG_WHITE);display:flex;align-items:center;gap:10px;white-space:nowrap}.tokenBadgeLabel{color:var(--stats-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.tokenBadgeValue{font-weight:700;margin-top:0}.appMain{position:relative;max-width:1200px;margin:0 auto;padding:16px}.tabBar{display:flex;gap:0;align-items:stretch;flex-wrap:wrap;background:var(--BG_NOT_ACTIVE_GREY);border-bottom:3px solid var(--COLOR_ACCENT_LIGHT);border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:0}.tabButton,.btn{padding:9px 12px;border-radius:10px;border:1px solid var(--COLOR_PRIMARY_MIDDLE);background:var(--BG_WHITE);color:var(--stats-text);cursor:pointer;font-size:var(--stats-font-md);transition:background .15s ease,border-color .15s ease,transform .15s ease}.tabButton{border:0;border-radius:0;background:transparent;padding:10px 16px;font-weight:600}.tabButton:hover,.btn:hover{background:var(--BG_NOT_ACTIVE_HOVER);transform:translateY(-1px)}.btnActive{font-weight:700;border-color:var(--COLOR_ACCENT_LIGHT);background:var(--BG_NOT_ACTIVE_GREY);color:var(--COLOR_ACCENT_DARK)}.tabButtonActive{font-weight:700;border-color:var(--BG_ACTIVE_BLUE_LIGHT);background:var(--BG_ACTIVE_BLUE_LIGHT);color:var(--COLOR_NEUTRAL_LIGHT)}.btnPrimary{background:var(--BG_WHITE);border-color:var(--COLOR_ACCENT_LIGHT);color:var(--COLOR_ACCENT_DARK)}.btnGhost{background:transparent}.btn[disabled],.tabButton[disabled]{background:var(--BG_DISABLED);cursor:not-allowed;transform:none;opacity:.7}.contentStack{display:grid;gap:18px}.panelCard,.chartCard,.chartShell,.loginCard{position:relative;border:1px solid var(--stats-border);border-radius:0 0 10px 10px;background:var(--BG_WHITE);box-shadow:var(--stats-shadow)}.panelCard,.chartCard{padding:14px}.chartCard{border-radius:10px}.span-2{grid-column:span 2}.panelDisabled{opacity:.72}.panelHeader,.chartShellHeader,.loginHeader{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.panelHeaderCompact{margin-bottom:10px}.panelHeader h2,.panelHeader h3,.chartShellHeader h3{margin:0;color:var(--COLOR_ACTIVE_DARK)}.panelHeader p,.chartShellHeader p,.loginHint{margin:6px 0 0;color:var(--stats-text-muted)}.controlGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:12px}.control{display:grid;gap:6px}.control span,.muted{color:var(--stats-text-muted)}.controlGrow{flex:1}.input{width:100%;border:1px solid var(--stats-border);background:var(--BG_WHITE);color:var(--stats-text);border-radius:10px;padding:8px 10px;outline:none}.input:focus{border-color:var(--COLOR_ACCENT_LIGHT);box-shadow:0 0 0 3px #36699d1f}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--stats-font-md)}.statsBar{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 10px}.kpi{font-size:var(--stats-font-md);padding:8px 10px;border:1px solid var(--stats-border);border-radius:10px;background:var(--BG_WHITE)}.kpi b,.kpi strong{font-variant-numeric:tabular-nums}.tableWrap{margin-top:10px;border:1px solid var(--stats-border);border-radius:10px;overflow-x:auto;overflow-y:hidden;background:var(--BG_WHITE)}.thead,.trow{display:grid;gap:0;align-items:center}.thead{padding:10px 12px;font-weight:800;border-bottom:1px solid var(--stats-border);background:var(--BG_NOT_ACTIVE_GREY);font-size:var(--stats-font-md);color:var(--COLOR_ACTIVE_DARK);position:sticky;top:0;z-index:1}.tbody{font-size:var(--stats-font-md)}.trow{padding:10px 12px;border-bottom:1px solid var(--COLOR_PRIMARY_LIGHT)}.tableWrap .theadProjects,.tableWrap .trow{grid-template-columns:120px minmax(220px,1.8fr) 110px 150px 150px minmax(220px,1.2fr)}.tableWrap .theadOrders,.tableWrap .trow{grid-template-columns:130px 90px 120px minmax(180px,1.2fr) 90px 150px minmax(240px,1.6fr)}.tableWrap .theadCarts,.tableWrap .trow{grid-template-columns:120px minmax(200px,1.7fr) 110px 110px 140px 140px 90px}.tableWrap .theadIds,.tableWrap .trow{grid-template-columns:minmax(240px,1.6fr) 110px 150px 120px minmax(160px,1fr) 120px minmax(200px,1.1fr)}.tableWrap .tbody .trow:nth-child(2n){background:var(--BG_GREY_LIGHT)}.tableWrap .tbody .trow:nth-child(odd){background:var(--BG_WHITE)}.cellMin0{min-width:0}.cellBold800{font-weight:800}.cellBold700{font-weight:700}.cellNumeric{font-variant-numeric:tabular-nums}.cellStack{min-width:0}.cellFlexWrap{display:flex;gap:8px;flex-wrap:wrap}.cellFlexWrapBottom{margin-bottom:6px}.idStrong{font-weight:900;font-variant-numeric:tabular-nums}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--stats-border-strong);background:var(--BG_WHITE);font-size:var(--stats-font-sm)}.pillOk{border-color:var(--COLOR_CONFIRM_DARK);background:var(--BG_CONFIRM)}.pillWarn{border-color:var(--COLOR_ACCENT_REQUIRED);background:var(--BG_REQUIRED)}.trowInteractive{cursor:pointer}.trowInteractive:hover{background:var(--BG_NOT_ACTIVE_HOVER)}.trowInteractive:focus-visible{outline:2px solid var(--COLOR_ACCENT_LIGHT);outline-offset:-2px}.paginationRow,.pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:10px;flex-wrap:wrap}.searchRow,.filterRow,.segmented,.tokenRow,.tokenRowTop,.panelActions,.panelActionsSearch,.loginToggle{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.searchRow{margin-top:12px}.filterRow,.segmented,.panelActions{margin-top:8px}.loginOverlay{min-height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center;padding:32px 16px}.loginCard{width:min(640px,100%);padding:22px;border-radius:10px}.loginTitle{font-weight:800;margin-bottom:4px;font-size:var(--stats-font-md);color:var(--COLOR_ACTIVE_DARK)}.loginInput{min-width:260px;flex:1}.loginInfo{margin-top:10px;font-size:var(--stats-font-md);color:var(--stats-text-muted)}.toggle{display:inline-flex;align-items:center;gap:8px;color:var(--stats-text-muted);font-size:var(--stats-font-sm)}.errorBanner{margin-top:12px;padding:12px;border-radius:10px;border:1px solid var(--COLOR_ERROR_DARK);background:var(--BG_WARNING);color:var(--stats-text)}.panelEmpty{margin:12px 0 0}.chartShell{padding:14px;overflow:hidden}.chartShellLoading{overflow:hidden}.chartShellBody{position:relative}.chartViewport{margin-top:10px;padding:10px;border:1px solid var(--stats-border);border-radius:10px;background:var(--BG_WHITE);overflow-x:auto;overflow-y:hidden}.chartFooterText{margin-top:12px}.chartFooterText h3{margin:0 0 4px;color:var(--COLOR_ACTIVE_DARK)}.chartFooterText p{margin:0;color:var(--stats-text-muted)}.chartSvg{width:100%;height:auto;display:block}.chartGridLine{stroke:#94a3b847;stroke-dasharray:4 4}.chartAxisLabel{fill:var(--stats-text-muted);font-size:11px}.verticalBarChartGridLine{stroke:#94a3b847;stroke-dasharray:4 4}.verticalBarChartAxisLabel{fill:var(--stats-text-muted);font-size:11px;font-variant-numeric:tabular-nums}.verticalBarChartBar{vector-effect:non-scaling-stroke}.chartOverlayHint,.emptyChartHint{padding:12px;text-align:center;color:var(--stats-text-muted);border:1px dashed var(--stats-border-strong);border-radius:10px;background:var(--BG_NOT_ACTIVE_GREY)}.chartLoadingOverlay,.globalLoadingOverlay,.loadingOverlay{position:absolute;inset:0;background:var(--BG_OVERLAY);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;color:var(--COLOR_NEUTRAL_LIGHT)}.globalLoadingOverlay,.loadingOverlay{position:fixed;z-index:9999}.chartLoadingText,.loadingText{font-size:var(--stats-font-md);font-weight:600}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.35);border-top-color:var(--COLOR_NEUTRAL_LIGHT);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.barChart{display:grid;gap:10px;min-width:520px}.barChartRow{display:grid;grid-template-columns:minmax(140px,1.4fr) minmax(0,3fr) auto;gap:12px;align-items:center}.barChartLabel,.barChartValue,.doughnutLegendLabel,.doughnutLegendValue{color:var(--stats-text);font-size:var(--stats-font-md)}.barChartLabel{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barChartTrack{height:12px;border-radius:999px;background:var(--BG_GREY_LIGHT);overflow:hidden}.barChartFill{height:100%;border-radius:999px}.barChartValue{font-variant-numeric:tabular-nums;white-space:nowrap}.doughnutChart{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:18px;align-items:center}.doughnutSvg{width:100%;max-width:260px;margin:0 auto}.doughnutCenterValue{fill:var(--COLOR_ACTIVE_DARK);font-size:22px;font-weight:700}.doughnutCenterLabel{fill:var(--stats-text-muted);font-size:11px}.doughnutLegend{display:grid;gap:8px}.doughnutLegendItem{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center}.doughnutLegendSwatch{width:14px;height:14px;border-radius:50%}.doughnutLegendLabel{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doughnutLegendValue{font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:1100px){.controlGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.doughnutChart{grid-template-columns:1fr}}@media(max-width:760px){.appHeader,.panelHeader,.chartShellHeader,.loginHeader{flex-direction:column;align-items:stretch}.headerActions{justify-content:flex-start}.appMain{padding:12px}.controlGrid{grid-template-columns:1fr}.tableWrap .theadProjects,.tableWrap .theadOrders,.tableWrap .theadCarts,.tableWrap .theadIds,.tableWrap .trow{min-width:920px}.barChartRow{grid-template-columns:minmax(120px,1.2fr) minmax(0,3fr) auto}.barChart{min-width:520px}}.datePickerOverlay.panelCard{border-radius:10px;margin-bottom:20px}.datePickerOverlayInner{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.countdownBlock{display:flex;justify-content:flex-start;align-items:center;grid-column:span 2;font-size:12px}.modalBackdrop{position:fixed;z-index:10;background:#bab6b652;left:0;top:0;width:100vw;display:flex;height:100vh;align-items:center;justify-content:center}.modalPanel{background:var(--BG_DISABLED);padding:20px;border-radius:10px}html,body,#root{width:100%;overflow-x:hidden}.appMain,.panelCard,.chartCard,.chartShell,.loginCard,.modalPanel{min-width:0}.appHeader,.appMain{width:100%}.tabButton{flex:1 1 160px;min-height:42px}.searchRow .controlGrow{min-width:min(100%,280px)}.chartViewport{min-width:0}.modalPanel{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}@media(max-width:760px){.appHeader{padding:14px 12px}.headerActions,.headerActions>*,.searchRow>*,.panelActions,.panelActionsSearch,.loginToggle{width:100%}.headerActions .tokenBadge{justify-content:space-between}.tabBar{border-radius:8px 8px 0 0}.tabButton{flex-basis:50%;padding-inline:8px}.panelCard,.chartCard,.chartShell,.loginCard{padding:12px}.panelHeader,.chartShellHeader,.loginHeader{gap:10px}.panelHeader .btn,.panelActions .btn,.panelActionsSearch .btn,.searchRow>.btn{width:100%}.statsBar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-width:0}.tableWrap{margin-inline:-1px;-webkit-overflow-scrolling:touch}.tableWrap .theadProjects,.tableWrap .theadOrders,.tableWrap .theadCarts,.tableWrap .theadIds,.tableWrap .trow{min-width:920px}.datePickerOverlayInner{grid-template-columns:1fr;row-gap:12px}.countdownBlock{grid-column:auto}.barChart,.barChartRow{min-width:0}.barChartRow{grid-template-columns:minmax(90px,1fr) minmax(80px,2fr) auto;gap:8px}.doughnutChart{grid-template-columns:minmax(0,1fr)}.doughnutSvg{max-width:220px}.loginOverlay{min-height:100vh;padding:16px 12px}.loginInput{min-width:0}}@media(max-width:420px){.appMain{padding:8px}.tabButton{flex-basis:100%}.statsBar{grid-template-columns:1fr}.paginationRow,.filterRow,.segmented{align-items:stretch}.paginationRow .btn,.filterRow .btn,.segmented .btn{flex:1 1 120px}}