:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#ececf5;background:#171720;color-scheme:dark;font-size:15px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff16}.brand{font-size:21px;font-weight:750;color:white}.brand span{font-weight:400;color:#adadcb;margin-left:10px}a{color:#b6b7ff;text-decoration:none}a:hover{text-decoration:underline}.badge,.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700}.badge{color:#b3efd0;background:#143c31;padding:8px 12px;border-radius:30px}.eyebrow{color:#abaeff;margin-bottom:12px}.heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 30px;gap:16px}h1{font-size:34px;line-height:1.15;margin:10px 0 16px;letter-spacing:-.025em}h2{font-size:19px;margin:30px 0 16px}p{color:#b4b4c7;line-height:1.6}.wallet{background:linear-gradient(120deg,#303052,#232332);border:1px solid #ffffff16;border-radius:16px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.wallet p{margin:8px 0}.balance{font-size:40px;color:white;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}label{display:block;margin-bottom:10px;font-size:13px}.inline,.actions{display:flex;gap:10px;align-items:center}input,button,.button{font:inherit;border-radius:8px;padding:12px 16px}input{background:#171723;color:white;border:1px solid #ffffff25;min-width:0;width:150px}button,.button{border:1px solid transparent;background:#5e60d4;color:white;font-weight:650;cursor:pointer;display:inline-block;text-align:center}button:hover,.button:hover{filter:brightness(1.1);text-decoration:none}.secondary{background:#ffffff08;border:1px solid #ffffff25}.table-wrap{overflow:auto;border:1px solid #ffffff12;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-weight:500;color:#9090a7;background:#ffffff03}td,th{padding:16px;border-bottom:1px solid #ffffff0b}small{display:block;font-size:11px;line-height:1.5;color:#9292ab;margin-top:5px;overflow-wrap:anywhere}.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.credit{color:#8ee4b7}.debit{color:#ffc3ad}.status{color:#cccdfd;font-size:12px}.muted{font-weight:400;color:#8e8ea6;font-size:12px}.empty{padding:32px;border:1px dashed #ffffff25;border-radius:12px;color:#acacc4}footer{color:#7c7c94;font-size:12px;text-align:center;margin-top:30px}.payment-card{max-width:620px;margin:40px auto;background:#22222f;border:1px solid #ffffff18;border-radius:18px;padding:36px}.payment-card .balance{display:block;margin:28px 0 12px}.payment-card dl{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin:26px 0;padding:24px 0;border-block:1px solid #ffffff15;font-size:13px}dt{color:#9898b0}dd{margin:0;text-align:right}.reference{overflow-wrap:anywhere}.actions{margin-top:24px;flex-wrap:wrap}.error{color:#ffd1c5;background:#542b2b;padding:12px;border-radius:8px}:focus-visible{outline:3px solid #c0c1ff;outline-offset:3px}@media(max-width:760px){header,main,footer{padding:18px}.brand{font-size:17px}.brand span{display:block;margin:0;font-size:13px}.wallet{display:block;padding:22px}.wallet form{margin-top:24px}.balance{font-size:32px}.heading{align-items:flex-start}.heading h1{font-size:28px}.payment-card{padding:24px;margin:15px auto}.inline{flex-wrap:wrap}.payment-card dl{grid-template-columns:1fr}dd{text-align:left}.badge{font-size:9px}}