:root{--ink:#18221d;--muted:#6d7771;--line:#e5e9e6;--paper:#fff;--canvas:#f5f7f5;--green:#237a55;--green-soft:#eaf5ef;--red:#b93838;--red-soft:#fbefef;--amber:#9a6817;--amber-soft:#fff6df;--shadow:0 18px 60px rgba(25,39,31,.12)}
*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[v-cloak]{display:none}
.topbar{height:64px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:700}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:9px;font-family:serif}.brand-mark.large{width:52px;height:52px;border-radius:14px;font-size:23px}.top-actions{display:flex;align-items:center;gap:18px}.merchant-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.merchant-picker select{border:1px solid var(--line);border-radius:8px;padding:7px 28px 7px 9px;background:#fff;color:var(--ink)}.environment{font-size:13px;padding:6px 10px;background:var(--green-soft);color:var(--green);border-radius:999px}.text-button,.row-action,.icon-button{border:0;background:transparent;color:var(--muted)}
.page-shell{max-width:1440px;margin:0 auto;padding:52px 4vw 72px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.eyebrow{margin:0 0 10px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.16em}.page-heading h1,.drawer h2,.modal h2,.login-card h1{margin:0}.page-heading h1{font-size:36px;letter-spacing:-.04em}.page-heading p:not(.eyebrow){margin:10px 0 0;color:var(--muted)}
.primary-button,.secondary-button,.danger-button{border-radius:10px;padding:11px 17px;font-weight:700;border:1px solid transparent}.primary-button{background:var(--ink);color:#fff}.secondary-button{background:#fff;border-color:var(--line);color:var(--ink)}.danger-button{background:#fff;border-color:#e8bcbc;color:var(--red)}.danger-button.filled{background:var(--red);color:#fff}.compact{padding:9px 18px}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}.metric{border:0;border-right:1px solid var(--line);padding:22px 24px;text-align:left;background:transparent}.metric:last-child{border-right:0}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:28px;margin:8px 0 5px}.metric small{font-size:12px}
.workspace{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.toolbar{padding:18px 20px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.search{min-width:280px;flex:1;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:0 12px}.search input{width:100%;border:0;outline:0;padding:10px 0}.toolbar select{border:1px solid var(--line);border-radius:9px;padding:0 34px 0 12px;background:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1220px}th{text-align:left;padding:13px 18px;color:var(--muted);font-size:12px;font-weight:700;background:#fafbfa}td{padding:17px 18px;border-top:1px solid var(--line);font-size:14px;vertical-align:middle}td small{display:block;color:var(--muted);margin-top:5px}.order-link{border:0;background:transparent;padding:0;color:var(--ink);font-weight:700}.merchant-name{font-weight:700;white-space:nowrap}.money{font-variant-numeric:tabular-nums;font-weight:700}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status.active{background:var(--green-soft);color:var(--green)}.status.pending{background:var(--amber-soft);color:var(--amber)}.status.canceled{background:#eff1ef;color:#69726d}.status.failed{background:var(--red-soft);color:var(--red)}.refund-state{color:var(--red);font-size:13px}.muted{color:var(--muted)}.empty{text-align:center;padding:60px;color:var(--muted)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.pagination div{display:flex;align-items:center;gap:13px}.pagination button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 11px}
.scrim,.modal-scrim,.login-screen{position:fixed;inset:0;background:rgba(17,25,21,.34);z-index:20}.drawer{position:absolute;right:0;top:0;height:100%;width:min(500px,100%);background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:auto}.drawer>header{padding:28px 30px 20px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line)}.icon-button{font-size:30px;line-height:1}.drawer-loading{padding:60px 30px;color:var(--muted)}.detail-hero{padding:28px 30px;border-bottom:1px solid var(--line)}.detail-hero strong{display:block;font-size:34px;margin:16px 0 5px}.detail-hero small{color:var(--muted)}.detail-list{margin:0;padding:12px 30px}.detail-list div{padding:13px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:12px;margin-bottom:6px}dd{margin:0;word-break:break-all;font-size:14px}.refund-history{padding:10px 30px 130px}.refund-history h3{font-size:15px}.refund-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.refund-item small{display:block;color:var(--muted);margin-top:4px}.drawer-footer{position:sticky;bottom:0;margin-top:auto;padding:18px 30px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px}.drawer-footer p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.modal-scrim{display:grid;place-items:center;z-index:30;padding:20px}.modal{width:min(440px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:var(--shadow)}.warning-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--red-soft);color:var(--red);font-weight:900}.modal h2{margin-top:18px}.modal>p{color:var(--muted);line-height:1.65}.modal label,.login-card label{display:block;color:var(--muted);font-size:13px;margin-top:18px}.modal input,.login-card input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:11px;outline:none}.modal input:focus,.login-card input:focus{border-color:var(--green)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.notice{padding:10px 12px;border-radius:9px;font-size:13px}.notice.error{background:var(--red-soft);color:var(--red)}.unlock-note{padding:10px 12px;background:var(--green-soft);color:var(--green)!important;border-radius:9px;font-size:13px}
.login-screen{display:grid;place-items:center;background:var(--canvas);z-index:50;padding:20px}.login-card{width:min(410px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 22px 70px rgba(25,39,31,.08)}.login-card .eyebrow{margin-top:25px}.login-card>p:not(.eyebrow){color:var(--muted)}.login-card .primary-button{width:100%;margin-top:22px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 16px;border-radius:10px;z-index:70;box-shadow:var(--shadow)}
@media(max-width:850px){.page-shell{padding-top:30px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid var(--line)}.page-heading{align-items:start}.page-heading h1{font-size:30px}}@media(max-width:580px){.topbar{padding:0 18px}.environment{display:none}.page-shell{padding:25px 14px 50px}.page-heading{display:block}.page-heading .secondary-button{margin-top:18px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:17px 14px}.metric strong{font-size:24px}.toolbar{flex-wrap:wrap}.search{min-width:100%}.toolbar select{flex:1}.drawer-footer{padding:14px 18px}.drawer>header,.detail-hero,.detail-list,.refund-history{padding-left:20px;padding-right:20px}}