:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#eef1f4;--ink:#111827;--muted:#667085;--line:#d8dde5;--panel:#fff;--panel-soft:#f7f8fa;--dark:#17202c;--dark-2:#202b39;--green:#16a36a;--green-soft:#e8f7ef;--blue:#2563eb;--blue-soft:#eaf1ff;--amber:#c48311;--amber-soft:#fff4df;--red:#d14343;--red-soft:#fff0f0;--violet:#6d5bd0;--violet-soft:#f1eeff;--gray-soft:#f0f2f5;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--page);min-height:100vh;color:var(--ink);letter-spacing:0}button{font:inherit;cursor:pointer;letter-spacing:0;touch-action:manipulation;border:0}.tg-app{background:#f4f6f8;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative;overflow:hidden}.top-area{background:var(--dark);color:#fff}.status-bar{height:30px;padding:0 max(18px, env(safe-area-inset-left)) 0 max(18px, env(safe-area-inset-right));justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.status-icons{align-items:center;gap:5px;display:flex}.status-icons span{background:#ffffffc2;border-radius:99px;width:6px;height:6px}.app-head{gap:12px;padding:12px 16px 16px;display:grid}.head-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.kicker{color:#ffffffa8;margin-bottom:3px;font-size:12px;display:block}h1{margin:0;font-size:20px;font-weight:850;line-height:1.15}.user-chip{color:#ffffffe0;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;flex:none;align-items:center;gap:6px;max-width:142px;height:32px;padding:0 10px;display:inline-flex}.user-chip span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.role-switcher{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.role-switcher button{color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;height:34px;font-size:12px;font-weight:800}.role-switcher button.active{color:var(--dark);background:#fff}.auth-status{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;gap:8px;padding:9px 10px;display:grid}.auth-status b{color:#ffffffdb;font-size:12px;line-height:1.35}.auth-error{background:#ef44441f;border-color:#ef444457}.auth-unbound{background:#c4831121;border-color:#c483115c}.binding-actions{gap:6px;display:grid}.binding-actions button{height:32px;color:var(--dark);text-align:left;background:#ffffffeb;border-radius:8px;padding:0 10px;font-size:12px;font-weight:800}.scope-strip{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.scope-strip div{background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;min-width:0;padding:8px}.scope-strip span{color:#ffffff94;margin-bottom:4px;font-size:11px;display:block}.scope-strip b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.page-body{min-height:0;padding:14px 14px 84px;overflow:auto}.page-body::-webkit-scrollbar{width:0;height:0}.section{gap:10px;margin-bottom:12px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.section-head b{font-size:14px}.section-head span{color:var(--muted);font-size:12px}.card{background:var(--panel);border:1px solid #e6e9ee;border-radius:8px;padding:12px;box-shadow:0 6px 18px #0f172a0d}.metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric{width:100%;min-width:0;color:inherit;text-align:left;gap:6px;display:grid}.metric span,.kv-grid span,.form-card span{color:var(--muted);font-size:12px}.metric strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.1;overflow:hidden}.metric em{color:var(--green);font-size:11px;font-style:normal}.quick-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.quick-action{color:#344054;background:#fff;border:1px solid #e6e9ee;border-radius:8px;place-items:center;gap:5px;height:68px;font-size:11px;font-weight:800;display:grid}.quick-action:active,.metric:active,.data-row:active,.order-card:active,.search-box:active,.action:active,.filter-chip:active,.user-chip:active,.bottom-nav button:active{transform:translateY(1px)}.list-card{gap:0;display:grid}.data-row{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.data-row:first-child{padding-top:0}.data-row:last-child{border-bottom:0;padding-bottom:0}.row-copy{gap:4px;min-width:0;display:grid}.row-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.row-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.row-value{white-space:nowrap;font-size:13px}.tag{white-space:nowrap;border-radius:7px;flex:none;align-items:center;height:22px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.tone-green{color:var(--green);background:var(--green-soft)}.tone-blue{color:var(--blue);background:var(--blue-soft)}.tone-amber{color:var(--amber);background:var(--amber-soft)}.tone-red{color:var(--red);background:var(--red-soft)}.tone-violet{color:var(--violet);background:var(--violet-soft)}.tone-gray{color:#475467;background:var(--gray-soft)}.filter-tabs{scrollbar-width:none;gap:8px;margin-bottom:10px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-chip{color:#344054;background:#fff;border:1px solid #dde3eb;border-radius:8px;flex:none;align-items:center;height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.filter-chip.active{color:#fff;background:var(--dark);border-color:var(--dark)}.search-box{color:#98a2b3;text-align:left;background:#fff;border:1px solid #dde3eb;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:38px;margin-bottom:10px;padding:0 12px;font-size:12px;display:flex}.feed-status{min-height:32px;color:var(--green);background:var(--green-soft);border:1px solid #16a36a29;border-radius:8px;align-items:center;margin-bottom:10px;padding:0 10px;font-size:12px;font-weight:800;display:flex}.feed-status.tone-amber{color:var(--amber);background:var(--amber-soft);border-color:#c483112e}.feed-status.tone-gray{color:#475467;background:var(--gray-soft);border-color:#e2e6ec}.empty-state{min-height:74px;color:var(--muted);place-items:center;font-size:12px;font-weight:800;display:grid}.stack{gap:10px;display:grid}.order-card{width:100%;color:inherit;text-align:left;gap:10px;display:grid}.order-top,.amount-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.kv-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kv-grid div,.form-card label{background:var(--panel-soft);border:1px solid #eef0f4;border-radius:8px;min-width:0;padding:8px}.kv-grid b,.form-card b{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.amount-row{align-items:center}.amount-row strong{font-size:15px}.amount-row span{color:var(--muted);font-size:11px}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action{color:#344054;background:#fff;border:1px solid #d8dde5;border-radius:8px;min-width:0;height:36px;font-size:12px;font-weight:850}.action.primary{color:#fff;background:var(--green);border-color:var(--green)}.action.danger{color:var(--red);background:var(--red-soft);border-color:var(--red)}.notice{border-left:3px solid var(--amber);background:var(--amber-soft);color:#775315;border-radius:8px;align-items:flex-start;gap:9px;padding:10px;display:flex}.notice b{color:var(--ink);margin-bottom:3px;font-size:13px;display:block}.notice span{font-size:12px;line-height:1.4;display:block}.bar-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;height:128px;padding-top:16px;display:grid}.bar{align-items:end;gap:5px;min-width:0;display:grid}.bar i{background:var(--green);border-radius:7px 7px 3px 3px;width:100%;min-height:18px;display:block}.bar span{color:var(--muted);text-align:center;white-space:nowrap;font-size:10px}.bar-chart.tone-violet .bar i{background:var(--violet)}.split-line{background:#eef0f4;border-radius:99px;height:8px;margin-bottom:4px;display:flex;overflow:hidden}.split-line i:first-child{background:var(--violet)}.split-line i:last-child{background:var(--blue)}.form-card{gap:9px;display:grid}.security-card{grid-template-columns:28px 1fr;align-items:start;gap:8px;display:grid}.security-card svg{color:var(--green)}.security-card b{margin-bottom:4px;font-size:13px;display:block}.security-card span{color:var(--muted);font-size:12px;line-height:1.45;display:block}.bottom-nav{height:calc(66px + env(safe-area-inset-bottom));padding:6px 6px max(8px, env(safe-area-inset-bottom));z-index:10;background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#6b7280;background:0 0;border-radius:8px;place-items:center;gap:2px;min-width:0;display:grid}.bottom-nav span{white-space:nowrap;font-size:11px}.bottom-nav button.active{color:var(--green);background:var(--green-soft)}.role-merchant .top-area{background:#172234}.role-merchant .bottom-nav button.active{color:var(--blue);background:var(--blue-soft)}.role-agent .top-area{background:#211b35}.role-agent .bottom-nav button.active{color:var(--violet);background:var(--violet-soft)}.role-merchant .action.primary{background:var(--blue);border-color:var(--blue)}.role-agent .action.primary{background:var(--violet);border-color:var(--violet)}.floating-audit,.floating-refresh,.desktop-frame{display:none}.sheet-backdrop{z-index:40;background:#0f172a57;align-items:end;padding:12px;display:grid;position:absolute;inset:0}.bottom-sheet{background:#fff;border:1px solid #e6e9ee;border-radius:8px;gap:12px;width:100%;max-height:calc(100vh - 96px);padding:14px;display:grid;overflow:auto;box-shadow:0 18px 44px #0f172a38}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-head b{font-size:16px;line-height:1.25;display:block}.sheet-head span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4;display:block}.sheet-close{color:#344054;background:var(--panel-soft);border:1px solid #eef0f4;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.sheet-rows{gap:8px;display:grid}.sheet-row{background:var(--panel-soft);border:1px solid #eef0f4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 10px;display:flex}.sheet-row span{color:var(--muted);font-size:12px}.sheet-row b{min-width:0;max-width:62%;color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sheet-danger{border-color:#d1434357}.toast{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:50;color:#fff;white-space:nowrap;background:#111827eb;border-radius:8px;max-width:calc(100% - 40px);padding:9px 12px;font-size:12px;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 10px 24px #0f172a2e}@media (width>=720px){body{background:var(--page);overflow:hidden}#root{place-items:center;min-height:100vh;display:grid}.tg-app{border:12px solid #0b111a;border-radius:34px;width:390px;height:min(812px,100vh - 48px);min-height:0;margin:0;overflow:hidden;box-shadow:0 20px 60px #0f172a2e}.bottom-nav{position:absolute}.floating-audit,.floating-refresh{border:1px solid var(--line);color:#344054;background:#fff;border-radius:8px;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:fixed;box-shadow:0 10px 24px #0f172a14}.floating-audit{bottom:168px;right:calc(50vw - 316px)}.floating-refresh{top:154px;left:calc(50vw + 220px)}.desktop-frame{border:1px solid var(--line);width:230px;color:var(--ink);background:#fff;border-radius:8px;gap:10px;padding:14px;display:grid;position:fixed;bottom:258px;left:calc(50vw + 226px);box-shadow:0 10px 28px #0f172a14}.desktop-frame div{color:var(--green);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.desktop-frame strong{font-size:16px}.desktop-frame span{color:var(--muted);font-size:12px;line-height:1.45}}@media (width<=360px){.metrics{gap:8px}.metric strong{font-size:18px}.role-switcher button{font-size:11px}}