:root,[data-theme=light]{color-scheme:light;--bg: #f7f4ef;--bg-soft: #fbf9f5;--surface: #ffffff;--surface-2: #f1ece4;--surface-3: #e8e1d6;--ink: #14110e;--ink-2: #3b3530;--muted: #746c64;--muted-2: #9a9188;--border: #e4dcd1;--border-strong: #d3c7b8;--accent: #ff4d00;--accent-soft: #ffe9df;--indigo: #6366f1;--indigo-soft: #e8eaf6;--success: #0e9f6e;--success-soft: #e3f7ef;--danger: #d92d20;--danger-soft: #fdecea;--warning: #a96a00;--warning-soft: #fff4d6;--shadow-sm: 0 1px 2px rgba(20, 17, 14, .06), 0 1px 3px rgba(20, 17, 14, .08);--shadow-md: 0 12px 32px rgba(20, 17, 14, .08);--shadow-lg: 0 32px 80px rgba(20, 17, 14, .16);--ring: 0 0 0 3px rgba(255, 77, 0, .22)}[data-theme=dark]{color-scheme:dark;--bg: #0b0a0e;--bg-soft: #111016;--surface: #16141c;--surface-2: #1e1b25;--surface-3: #28242f;--ink: #f7f3ed;--ink-2: #d8d0c6;--muted: #a69d93;--muted-2: #7d746b;--border: #2a2630;--border-strong: #3a3442;--accent: #ff5a1f;--accent-soft: rgba(255, 90, 31, .14);--indigo: #8b8cff;--indigo-soft: rgba(139, 140, 255, .14);--success: #38d99a;--success-soft: rgba(56, 217, 154, .12);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .12);--warning: #ffc857;--warning-soft: rgba(255, 200, 87, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 16px 40px rgba(0, 0, 0, .42);--shadow-lg: 0 40px 100px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(255, 90, 31, .3)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(700px 420px at 8% -8%,rgba(255,77,0,.12),transparent 62%),radial-gradient(620px 420px at 96% 0%,rgba(99,102,241,.1),transparent 58%)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.03em;line-height:1.15}a{color:var(--accent)}code{font-family:Cascadia Code,Consolas,monospace;font-size:.9em;padding:1px 5px;border-radius:5px;background:var(--surface-2)}.muted{color:var(--muted)}.eyebrow{margin:0;color:var(--accent);font-size:.68rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.logo{display:inline-flex;align-items:center;gap:10px}.logo svg{display:block}.logo-wordmark{font-size:1.08rem;font-weight:800;letter-spacing:-.045em}.login-screen{position:relative;min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;padding:24px;align-items:stretch;max-width:1180px;margin:0 auto}.login-theme{position:fixed;top:22px;right:22px;z-index:5}.login-brand{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,64px);border-radius:26px;border:1px solid var(--border);background:radial-gradient(520px 360px at 12% 0%,var(--accent-soft),transparent 68%),radial-gradient(460px 340px at 96% 100%,var(--indigo-soft),transparent 68%),var(--surface)}.login-brand h1{margin:32px 0 16px;font-size:clamp(2rem,4vw,3.3rem);font-weight:800;letter-spacing:-.055em;line-height:1.05}.login-brand>p{max-width:40ch;color:var(--muted)}.login-points{display:flex;flex-direction:column;gap:10px;margin-top:28px}.login-points span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.84rem}.login-points span:before{content:"✓";width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--success-soft);color:var(--success);font-size:.68rem;font-weight:800}.login-card{align-self:center;width:100%;max-width:440px;justify-self:center;display:flex;flex-direction:column;gap:16px;padding:clamp(26px,4vw,42px);border-radius:24px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg)}.login-card h2{margin:-2px 0 0;font-size:1.65rem;font-weight:800}.login-card>p{font-size:.84rem;line-height:1.65;margin-bottom:4px}.admin-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:26px;padding:24px 18px;border-right:1px solid var(--border);background:var(--bg-soft)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px}.sidebar-env{padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.64rem;font-weight:750;letter-spacing:.04em}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);font-size:.88rem;font-weight:550;text-align:left;cursor:pointer;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out}.nav-button:hover{color:var(--ink);background:var(--surface-2)}.nav-button.active{color:var(--ink);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.nav-button.active svg{color:var(--accent)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:18px;border-top:1px solid var(--border)}.sidebar-action{width:100%;min-height:38px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;text-align:left;cursor:pointer}.sidebar-action:hover{color:var(--ink);background:var(--surface-2)}.admin-content{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 34px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar h1{margin:3px 0 0;font-size:1.55rem;font-weight:800}.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-date{color:var(--muted-2);font-size:.76rem}.admin-main{display:flex;flex-direction:column;gap:18px;padding:28px 34px 52px;max-width:1440px;width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{display:flex;flex-direction:column;gap:5px;padding:20px;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.kpi-card.kpi-accent{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:linear-gradient(160deg,var(--accent-soft),transparent 58%),var(--surface)}.kpi-label{color:var(--muted);font-size:.76rem;font-weight:550}.kpi-card strong{font-size:1.9rem;font-weight:800;letter-spacing:-.045em;line-height:1.1}.kpi-hint{color:var(--muted-2);font-size:.7rem}.panel{padding:22px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.panel-head h2{margin:3px 0 0;font-size:1.05rem;font-weight:750}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px}.status-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:9px;border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);font-size:.76rem;white-space:nowrap}.status-chip strong{color:var(--ink)}.status-waiting{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 30%,transparent);background:var(--warning-soft)}.status-confirming,.status-exchanging,.status-sending,.status-verifying{color:var(--indigo);border-color:color-mix(in srgb,var(--indigo) 30%,transparent);background:var(--indigo-soft)}.status-finished{color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent);background:var(--success-soft)}.status-failed,.status-expired{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent);background:var(--danger-soft)}.status-refunded{color:var(--indigo);background:var(--indigo-soft)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted-2);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:0}.nowrap{white-space:nowrap}.mono{font-family:Cascadia Code,Consolas,monospace;font-size:.74rem}.table-arrow{margin:0 5px;color:var(--accent)}.orders-table{table-layout:auto;min-width:1000px}.orders-table th,.orders-table td{padding:10px 12px;white-space:nowrap}.user-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-id{white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-panel{width:min(820px,100%);max-height:88vh;overflow-y:auto;padding:24px;border-radius:20px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.modal-head h2{margin:2px 0 0;font-size:1.35rem}.modal-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 16px;margin-bottom:16px;border-bottom:1px solid var(--border);font-size:.78rem}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}.order-detail-grid>div{padding:9px 0;border-bottom:1px solid var(--border);min-width:0}.order-detail-grid .full{grid-column:1 / -1}.order-detail-grid dt{margin-bottom:3px;color:var(--muted-2);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.order-detail-grid dd{margin:0;color:var(--ink);font-size:.82rem;overflow-wrap:anywhere}.modal-section-title{margin:24px 0 10px;font-size:.95rem}.event-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.event-list>li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-soft);font-size:.78rem}.event-list>li .muted{margin-left:auto}.event-payload{flex-basis:100%}.event-payload summary{cursor:pointer;color:var(--muted);font-size:.72rem}.raw-json{margin:8px 0 0;max-height:220px;overflow:auto;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:.7rem;white-space:pre-wrap;word-break:break-word}@media(max-width:720px){.order-detail-grid{grid-template-columns:1fr}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:42px 20px;color:var(--muted)}.empty-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--indigo-soft);color:var(--indigo);font-size:1.2rem}.table-skeleton{display:flex;flex-direction:column;gap:8px;padding:6px 0}.skeleton-row{height:42px;border-radius:9px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.filter-row{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font:inherit;font-size:.72rem;cursor:pointer}.filter-chip:hover{color:var(--ink);border-color:var(--border-strong)}.filter-chip.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:start}.commission-panel{grid-row:span 2}.commission-panel>p{font-size:.84rem;line-height:1.7;margin-bottom:20px}.fee-form{display:flex;flex-direction:column;gap:16px}.fee-input{min-height:64px;font-size:1.7rem;font-weight:750}.fee-preview{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;gap:10px;align-items:center;padding:16px;border-radius:13px;border:1px dashed var(--border-strong);background:var(--bg-soft)}.fee-preview>div{display:flex;flex-direction:column;gap:2px}.fee-preview span{color:var(--muted-2);font-size:.68rem}.fee-preview strong{font-size:1rem}.fee-op{color:var(--accent)!important;font-size:1rem!important;font-weight:700}.fee-total strong{color:var(--accent);font-size:1.25rem}.info-list{margin:0;padding-left:18px;color:var(--muted);font-size:.82rem;line-height:1.75}.info-callout{margin-top:18px;padding:14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);background:var(--accent-soft)}.info-callout strong{color:var(--accent);font-size:.8rem}.info-callout p{margin:4px 0 0;color:var(--muted);font-size:.78rem;line-height:1.6}.audit-panel{grid-column:1 / -1}.saved-pill{padding:4px 10px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:.72rem;font-weight:650}.panel-head-actions{display:flex;align-items:center;gap:8px}.switch-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--bg-soft);color:var(--ink);font-size:.88rem;cursor:pointer}.switch-row input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;margin:0;accent-color:var(--accent)}.field-hint{color:var(--muted-2);font-size:.72rem;line-height:1.5}.info-list-ordered{list-style:decimal}.commission-range{margin:-6px 0 14px}.commission-note{margin:0 0 16px;font-size:.78rem;line-height:1.6}.commission-table{min-width:720px}.commission-table th:not(:first-child),.commission-table td:not(:first-child){text-align:right}.commission-table td:first-child{font-weight:700}.commission-total{color:var(--accent);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:11px;border:1px solid transparent;font:inherit;font-size:.86rem;font-weight:650;color:var(--ink);background:var(--surface-2);cursor:pointer;white-space:nowrap;transition:transform .15s ease-out,background .15s ease-out,border-color .15s ease-out}.btn:hover{transform:translateY(-1px)}.btn:active{transform:none}.btn:focus-visible,.icon-btn:focus-visible,.nav-button:focus-visible,.filter-chip:focus-visible,.sidebar-action:focus-visible,input:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff4d00,#ff7a1a);box-shadow:0 10px 24px #ff4d0042}.btn-ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn-ghost:hover{color:var(--ink);border-color:var(--border-strong);background:var(--surface-2)}.btn-sm{min-height:34px;padding:0 11px;font-size:.76rem;border-radius:9px}.btn-lg{min-height:50px;font-size:.95rem}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:1rem;cursor:pointer}.field{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--muted);font-size:.78rem;font-weight:550}input{width:100%;min-height:46px;padding:0 13px;border-radius:11px;border:1px solid var(--border);background:var(--bg-soft);color:var(--ink);font:inherit;font-size:.9rem;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out}input:focus{border-color:var(--accent);box-shadow:var(--ring)}.alert{margin:0;padding:12px 14px;border-radius:11px;font-size:.82rem;line-height:1.55}.alert-danger{color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 28%,transparent)}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.commission-panel{grid-row:auto}}@media(max-width:960px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:14px;padding:12px 18px;border-right:0;border-bottom:1px solid var(--border);overflow-x:auto}.sidebar-brand{padding:0}.sidebar-env{display:none}.sidebar-nav{flex-direction:row;gap:6px}.nav-button{width:auto;min-height:36px;padding:0 11px;font-size:.8rem}.sidebar-footer{margin-top:0;margin-left:auto;flex-direction:row;padding-top:0;border-top:0}.sidebar-action{width:auto;min-height:32px;white-space:nowrap;font-size:.74rem}.topbar,.admin-main{padding-left:20px;padding-right:20px}}@media(max-width:720px){.login-screen{grid-template-columns:1fr;padding:14px;gap:14px}.login-brand{min-height:260px;padding:26px}.login-brand h1{margin-top:22px;font-size:2rem}.login-card{max-width:none}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.topbar-actions{width:100%;justify-content:space-between}.topbar-date{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.fee-preview{grid-template-columns:1fr;gap:8px}.fee-op{display:none}.sidebar{flex-wrap:wrap}.sidebar-nav{order:3;width:100%}}@media(max-width:460px){.kpi-grid{grid-template-columns:1fr}.admin-main{padding-top:18px}.panel{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
