*{box-sizing:border-box} [hidden]{display:none!important} :root{--ink:#1d2939;--muted:#738092;--line:#e9edf2;--blue:#3f58e8;--bg:#f6f8fb;--side:#111b2f}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93a1ff;outline-offset:3px}button{transition:background .15s}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:17px;letter-spacing:1.8px;font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2.7px;color:#a2afc4;margin-top:5px}.brand-mark{position:relative;width:40px;height:44px;border:1px solid #5d7190;border-radius:12px;font-size:30px;line-height:42px;text-align:center;letter-spacing:-3px}.brand-mark span{position:absolute;font-size:14px;right:3px;top:-7px;color:#aab7ff}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--side);padding:34px 23px;display:flex;flex-direction:column}.nav-caption{font-size:10px;letter-spacing:1.7px;color:#73849e;margin:52px 12px 15px}.nav-item{width:100%;border:0;text-align:left;background:none;color:#97a6bf;padding:14px 15px;border-radius:9px;margin-bottom:8px;font-weight:600}.nav-item span{margin-right:9px;font-size:18px}.nav-item.active{color:#fff;background:#344fc6}.nav-item:hover{background:#23334f}.sidebar-bottom{margin-top:auto}.merchant-box{padding:18px 12px;border-top:1px solid #28344a;display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center}.merchant-symbol{grid-row:span 2;width:31px;height:34px;background:#25334c;border-radius:8px;text-align:center;line-height:34px;color:#b5c0d8;font-weight:800}.merchant-box strong{font-size:10px;color:#ccd6e5}.merchant-box small{font-size:10px;color:#76869e;margin-top:5px}.logout{border:0;background:none;color:#a0aec3;padding:14px;font-size:12px}.main{margin-left:238px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 15px;color:#c8cfd8}.breadcrumb strong{font-weight:600;color:#4e5a6c}.topbar-right{display:flex;align-items:center;gap:22px}.live-pill{font-size:11px;color:#277e60;background:#edf8f3;padding:8px 12px;border-radius:30px}.live-pill.offline{color:#a36121;background:#fff2dd}.avatar{width:33px;height:33px;line-height:33px;text-align:center;background:#e9edff;color:#4359b0;border-radius:50%;font-weight:700}.page{max-width:1560px;margin:auto;padding:34px 42px 25px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#8591a2;font-weight:700}h1{margin:9px 0 7px;font-size:30px;letter-spacing:-1px;font-weight:700}p{line-height:1.6}.page-heading p{color:var(--muted);margin:0;font-size:12px}.heading-actions{display:flex;gap:10px}select,.secondary{border:1px solid #dfe5ed;background:#fff;border-radius:7px;color:#536073;padding:10px 13px;font-size:12px}.secondary{color:var(--blue);font-weight:600}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px 20px;min-height:173px}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#647186;font-size:11px;font-weight:600;gap:8px}.metric-label span{font-size:19px;width:27px;text-align:center}.metric>strong{display:block;font-size:27px;letter-spacing:-1px;margin:14px 0 7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric p{font-size:11px;margin:0;color:#667489}.metric small{display:block;font-size:10px;color:#97a0ad;margin-top:12px}.metric.featured{background:#354bd1;border-color:#354bd1;color:#fff;box-shadow:0 7px 18px #354bd11c}.featured .metric-label,.featured p{color:#e0e5ff}.featured small{color:#b5c1ff}.mint{color:#309574}.amber{color:#c78c28}.lavender{color:#8a6aca}.overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:22px;margin-bottom:26px}.card{border:1px solid var(--line);background:#fff;border-radius:12px}.chart-card{padding:24px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:15px;margin:0;font-weight:650;letter-spacing:-.2px}.card-heading p,.table-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.chart-key{font-size:10px;color:var(--muted);white-space:nowrap}.chart-key i{display:inline-block;width:7px;height:7px;background:#5265e7;border-radius:50%;margin-right:7px}.chart{margin-top:22px;height:150px}.chart svg{width:100%;height:100%;display:block}.chart .grid-line{stroke:#edf0f5;stroke-dasharray:4}.chart .bar{fill:#687bea}.chart .bar:last-child{fill:#344bd3}.chart .axis-label{font-size:9px;fill:#8c98a9}.chart-bottom{display:flex;justify-content:space-between;margin-top:9px;color:#909bac;font-size:10px}.balance-card{position:relative;padding:25px;background:#fcfcff}.balance-icon{position:absolute;right:24px;top:23px;font-size:24px;color:#8b97b8}.balance-card h2{margin:11px 0 13px}.balance-card>strong{font-size:22px;letter-spacing:-.5px;color:#8490a3}.balance-card>p{font-size:12px;color:#7c8798;max-width:300px;margin:12px 0}.balance-explain{border-top:1px solid var(--line);padding-top:13px;margin-top:15px;font-size:10px;line-height:1.7;color:#939baa}.table-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 18px;gap:15px}.count-chip{background:#f2f4f9;color:#7a879b;border-radius:20px;padding:6px 11px;font-size:10px;white-space:nowrap}.table-toolbar{padding:0 24px 19px;display:flex;justify-content:space-between;gap:15px;align-items:center}.tabs{display:flex;border:1px solid #e7ebf1;border-radius:7px;padding:3px;gap:3px;background:#f7f9fc}.tab{border:0;border-radius:5px;background:none;padding:8px 12px;color:#8791a1;font-size:11px;white-space:nowrap}.tab.active{background:#fff;color:#344bd3;box-shadow:0 1px 4px #15224112;font-weight:600}.table-tools{display:flex;gap:9px}.search{display:flex;align-items:center;border:1px solid #e3e8ef;border-radius:7px;padding:0 10px;background:#fff}.search span{font-size:23px;color:#9da7b6;line-height:1}.search input{padding:9px;border:0;outline:none!important;font-size:11px;width:220px;background:transparent;color:var(--ink)}.table-tools select{font-size:11px;max-width:160px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;font-weight:600;color:#8a95a6;background:#f9fafc;padding:13px 16px;border-block:1px solid var(--line)}th:first-child,td:first-child{padding-left:24px}td{padding:17px 16px;font-size:11px;border-bottom:1px solid #f0f3f7;color:#536073}td strong{font-size:12px;color:#303d50;font-weight:600}td small{display:block;font-size:10px;color:#96a0af;margin-top:5px}.ticket-name{color:#3e56be!important}.badge{display:inline-block;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:600;background:#eef1f7;color:#7e8a9d}.badge.matched,.badge.SETTLEMENT{color:#208765;background:#eaf8f1}.badge.pending,.badge.PENDING{color:#b98526;background:#fff6e2}.badge.candidate{color:#465bb9;background:#eef1ff}.badge.review,.badge.REFUND,.badge.PARTIAL_REFUND{color:#ba6061;background:#fff0f0}.badge.expired{color:#8691a2;background:#f1f3f6}.row-link{display:inline-block;border:1px solid #e3e9f1;padding:7px 9px;border-radius:6px;color:#697991;font-size:10px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;font-size:10px;color:#909baa}.table-footer>div{display:flex;gap:8px}.pagination{border:1px solid #e6eaf1;background:#fff;border-radius:5px;font-size:10px;color:#66748a;padding:8px 11px}.page-footer{display:flex;justify-content:space-between;gap:15px;color:#929dad;font-size:10px;margin:22px 0 9px}.coverage{font-size:10px;color:#9aa4b2;margin:0;line-height:1.5}.notice{padding:13px 17px;border-radius:8px;color:#99681f;border:1px solid #f4dfb8;background:#fff8ea;font-size:12px;line-height:1.6;margin-bottom:20px}.notice.demo{background:#edf0ff;border-color:#d9e0ff;color:#465dc1}.empty{padding:30px;text-align:center;color:#8a97a8}.empty>span{font-size:32px}.empty h3{font-size:14px;margin:5px}.empty p{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login-view{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-intro{background:radial-gradient(ellipse at 100% 20%,#263e76 0%,transparent 55%),#111b2f;color:#fff;padding:48px 11%;display:flex;flex-direction:column}.intro-copy{margin:auto 0;padding:60px 0}.intro-copy h1{font-size:clamp(36px,4.5vw,64px);line-height:1.14;margin:26px 0;letter-spacing:-2.6px}.intro-copy h1 em{color:#9eafff;font-style:normal}.intro-copy p{color:#98a8c3;max-width:340px;font-size:14px}.intro-tags{display:flex;gap:12px;margin-top:30px}.intro-tags span{font-size:8px;letter-spacing:1px;border:1px solid #3b4d70;padding:9px;border-radius:20px;color:#a7b5cf}.intro-footer{font-size:10px;letter-spacing:2px;color:#7082a1}.login-side{display:grid;place-items:center;padding:40px;background:#f7f9fc}.login-card{max-width:380px;width:100%}.login-card h2{font-size:30px;margin:12px 0}.login-card>p{font-size:13px;color:#7d889a;margin-bottom:28px}.login-card label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}.login-card input{width:100%;border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:14px;color:var(--ink);font-size:13px}.primary{display:flex;justify-content:space-between;width:100%;border:0;border-radius:8px;padding:15px 18px;background:#3b53d7;color:#fff;font-weight:600;font-size:13px;margin-top:25px}.primary:hover{background:#2f43ba}.login-note{padding-top:22px;border-top:1px solid #e0e6ef;font-size:11px;color:#99a3b2;line-height:1.6}.form-error{color:#c24a52!important;min-height:20px;margin:14px 0!important}
.mobile-logout{display:none;border:1px solid #e2e7ef;border-radius:6px;padding:5px 8px;background:#fff;color:#677790;font-size:18px}
@media(max-width:650px){.mobile-logout{display:block}.topbar-right{gap:8px}.live-pill{font-size:10px;padding:7px 9px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 8px}}
@media(min-width:1700px){.page{padding-top:45px}.metric>strong{font-size:32px}.chart{height:185px}.metric{padding:26px}}
@media(max-width:1200px){.sidebar{width:200px;padding:30px 15px}.main{margin-left:200px}.page{padding:25px}.topbar{padding:0 25px}.metrics{gap:12px}.metric{padding:17px 14px}.metric>strong{font-size:23px}.table-toolbar{align-items:flex-start;flex-direction:column}.table-tools{width:100%}.search{flex:1}.search input{width:100%}}
@media(max-width:900px){.sidebar{width:170px;padding:28px 10px}.brand{font-size:13px;gap:8px}.brand-mark{width:30px;height:36px;line-height:35px;font-size:24px}.brand small{font-size:7px}.main{margin-left:170px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;flex-direction:column}.overview-grid{grid-template-columns:1fr}.balance-card>p{max-width:none}.nav-item{padding:12px 8px;font-size:11px}.merchant-box{padding:16px 2px}.merchant-box strong{font-size:8px}.login-view{grid-template-columns:1fr 1fr}.login-intro{padding:40px 30px}.login-side{padding:30px}}
@media(max-width:650px){.sidebar{position:static;width:100%;padding:17px 18px;flex-direction:row;align-items:center;justify-content:space-between}.sidebar .brand{font-size:14px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px}.nav-item{width:auto;font-size:0;margin:0;padding:9px 11px}.nav-item span{font-size:20px;margin:0}.main{margin-left:0}.topbar{height:55px;padding:0 18px}.topbar-right{gap:10px}.avatar{display:none}.page{padding:23px 16px}.page-heading h1{font-size:27px}.heading-actions{width:100%}.heading-actions select{flex:1}.metrics{gap:10px}.metric{min-height:160px}.metric>strong{font-size:22px}.metric-label{font-size:10px}.metric small{font-size:9px}.metric p{font-size:10px}.metric-label span{font-size:17px}.chart-card,.balance-card{padding:20px}.table-heading{padding:20px 16px}.table-toolbar{padding:0 16px 15px}.table-tools{flex-wrap:wrap}.search{min-width:100%}.table-tools select{max-width:none;width:100%}.table-footer{padding:16px;font-size:9px}.pagination{font-size:9px;padding:8px}.page-footer{flex-direction:column;gap:7px}.login-view{display:block}.login-intro{padding:26px}.intro-copy,.intro-footer{display:none}.login-side{padding:45px 26px;min-height:calc(100vh - 95px)}.login-card h2{font-size:28px}}