:root{color-scheme:dark;--bg:#111018;--panel:#191821;--line:#2c2a36;--text:#eeedf4;--muted:#9692a6;--accent:#b6a3ff;--green:#8bddae;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;padding:34px 22px 24px;border-right:1px solid var(--line);background:#15141d;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:650;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;background:#b6a3ff;color:#211b38;font-size:30px;font-weight:750;letter-spacing:-3px;padding-right:3px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:1.9px;margin-top:6px;color:var(--muted)}nav{display:grid;gap:7px;margin-top:44px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;background:transparent;border:0;text-align:left;padding:12px;border-radius:9px;color:#aaa6ba;font-size:12px;white-space:nowrap}.nav-item span{font-size:19px;width:18px}.nav-item.selected{background:#292237;color:#d8caff}.nav-item b{margin-left:auto;font-size:10px;background:#3b304e;border-radius:5px;padding:3px 6px}.sidebar-bottom{margin-top:auto;font-size:11px;color:#b9b5c7}.sidebar-bottom small{display:block;color:#777285;margin:10px 0 0 15px;font-size:10px}.connection-dot{display:inline-block;width:6px;height:6px;background:#80c89b;border-radius:50%;margin-right:7px}main{margin-left:224px;padding:32px 38px 0;max-width:1720px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.9px;color:var(--muted)}h1{font-size:29px;letter-spacing:-.8px;margin:7px 0 0;font-weight:600}h2{font-size:18px;font-weight:550;letter-spacing:-.3px;margin:0}.top-actions{display:flex;gap:16px;align-items:center}.test-badge{color:#c7b7ec;border:1px solid #4a3d60;background:#292135;border-radius:6px;font-size:10px;padding:6px 9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:transparent;color:#c4bfd3;font-size:20px}.notice{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #383044;border-radius:11px;background:#1d1928;margin-bottom:23px}.notice>span{font-size:25px;color:#b6a3ff}.notice p{font-size:12px;margin:0;color:#d1c8e5}.notice small{display:block;font-size:11px;color:#8d859f;margin-top:5px}.notice a{font-size:11px;margin-left:auto;white-space:nowrap;color:#bcabdf}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}.stats>div{padding:18px 20px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,#1d1b27,#191821)}.stats>div>span{font-size:11px;color:#b1aabd}.stats strong{display:block;font-size:30px;font-weight:550;margin:12px 0 4px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stats small{color:#777184;font-size:10px}.stats>div:nth-child(3) strong{color:#d5bb81}.stats>div:last-child strong{color:var(--green)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading p{color:#827b91;font-size:11px;margin:6px 0 0}.tools{display:flex;gap:8px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:9px 12px;border:1px solid #393443;border-radius:8px;color:#cdc6dc;background:#211e2a;font-size:11px;font-weight:500;white-space:nowrap}.button:hover:enabled{border-color:#766488;background:#30263d}.button.primary{background:#b6a3ff;border-color:#b6a3ff;color:#241b3e}.button.primary:hover:enabled{background:#c6b8ff}.button.reception{background:#18251e;border-color:#2b4936;color:#8dd1a6}.button.reception.paused{background:#30251d;color:#deb57b;border-color:#60482c}.button.danger{background:#4b2430;border-color:#7e3a4b;color:#ffccd6}.filters{display:flex;gap:10px;align-items:center;margin-bottom:18px}.search{display:flex;align-items:center;gap:9px;background:#191821;border:1px solid var(--line);border-radius:8px;padding:0 12px;max-width:370px;flex:1}.search>span{font-size:23px;color:#878095}.search input{width:100%;min-width:0;background:transparent;border:0;color:#eee;padding:11px 0;outline:none;font-size:11px}.search input::placeholder{color:#716a80}.filters select{font-size:11px;background:#191821;color:#b2aabe;border:1px solid var(--line);border-radius:8px;padding:10px;max-width:210px}.filters>span{font-size:10px;color:#777080;margin-left:auto}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.order-card{background:var(--panel);border:1px solid #35303f;border-radius:13px;overflow:hidden;box-shadow:0 4px 14px #00000010}.card-header{position:relative;isolation:isolate;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;border-bottom:1px solid #322d3b;font-size:11px}.card-header.new{background:#18271f}.timer-fill{position:absolute;z-index:-1;inset:0;background:#286544;transform-origin:left;transition:transform 1s linear;opacity:.55}.provider{font-size:9px;letter-spacing:.4px;border-radius:4px;background:#332a45;color:#c8b2f1;padding:3px 5px}.provider.onix{background:#20382e;color:#a0d1b3}.uid{background:none;color:#ddd6e9;border:0;padding:0;font-size:11px;font-variant-numeric:tabular-nums;cursor:copy;white-space:nowrap}.card-header .timer{margin-left:auto;font-size:11px;color:#addeb9;font-variant-numeric:tabular-nums}.copy-icon{margin-left:auto;display:grid;place-items:center;border:0;background:transparent;color:#a99cbf;font-size:17px;padding:0 0 0 3px;cursor:copy}.timer+.copy-icon{margin-left:2px}.card-body{padding:17px 16px 0}.amount-status{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin-bottom:17px}.field-label{display:block;font-size:10px;color:#8f859f;margin-bottom:6px}.value{font-size:12px;line-height:1.45;overflow-wrap:anywhere;background:none;border:0;text-align:left;padding:0;color:#ded7e9;cursor:copy}.amount{font-size:27px;font-weight:600;letter-spacing:-.6px;line-height:1.15}.amount small{font-size:11px;letter-spacing:0;color:#8f859f;margin-left:5px;font-weight:400}.status{font-size:9px;padding:5px 7px;border-radius:5px;border:1px solid #423650;background:#2d2539;color:#c2aadc;text-align:center;max-width:145px}.status.PROCESSING{background:#1e2b3c;color:#a3bee1;border-color:#2b405a}.status.AWAITING_CONFIRMATION{background:#352d1e;color:#d7bb7c;border-color:#52442c}.status.COMPLETED{background:#1e3026;color:#9dd4af;border-color:#2f4c38}.status.CANCELLED,.status.EXPIRED{background:#2a252c;color:#9d91a5;border-color:#3b333e}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;margin-bottom:17px}.field.wide{grid-column:1/-1}.bank-field .value{font-weight:500}.requirements{display:flex;align-items:center;gap:7px;color:#7c748a;font-size:9px;border-top:1px solid #2c2734;padding:11px 0;line-height:1.5}.requirements b{font-weight:400;color:#a69aaf}.card-actions{border-top:1px solid #302a39;padding:12px 15px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.card-actions>.button{flex:1}.card-actions .eye-button,.card-actions .more-button{border:1px solid #3a3145;border-radius:7px;background:#24202e;width:34px;height:34px;display:grid;place-items:center;color:#b6a1cf;flex-shrink:0}.eye-button svg{width:16px;height:16px}.card-actions .more-button{font-size:19px}.card-actions .await-note{font-size:10px;line-height:1.5;color:#a99a7b;flex:1}.card-actions .demo-confirm{color:#c5b1e5;border:1px dashed #5a456f;background:transparent;font-size:10px;width:100%;flex-basis:100%}.receipts-strip{border-top:1px solid #302a39;padding:10px 15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.receipt-link{border:0;border-radius:5px;background:#282031;color:#bca8d0;padding:6px 8px;font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-link.rejected{color:#e6a0aa;background:#35232a}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed #3a3148;border-radius:12px;background:#18151f}.empty-state .empty-icon{font-size:33px;color:#6d5c82;margin-bottom:16px}.empty-state h3{font-size:16px;font-weight:500;margin:0 0 9px}.empty-state p{font-size:12px;color:#8b7f9b;max-width:380px;margin:0 auto;line-height:1.7}.empty-state .button{margin-top:21px}.event-list{display:grid;gap:10px}.event-row{padding:15px 18px;background:var(--panel);border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:15px}.event-row p{margin:5px 0 0;color:#82748f;font-size:10px}.event-row strong{font-size:12px;font-weight:500}.event-row .event-state{margin-left:auto;font-size:10px}.event-state.DELIVERED{color:#8bddae}.event-state.PENDING{color:#d7bb7c}.event-state.FAILED,.event-state.BLOCKED{color:#e598a9}.event-row .event-provider{width:45px;font-size:10px;color:#b6a3ff}.event-row .button{font-size:9px}footer{display:flex;align-items:center;gap:10px;padding:29px 0 24px;color:#625b70;font-size:10px}footer a{color:#91839f}#sync-state{margin-left:auto}dialog{border:1px solid #4a3e59;border-radius:17px;background:#1c1825;color:#e9e2f1;box-shadow:0 24px 100px #0009;max-height:90dvh;overflow:auto;padding:24px;width:min(560px,calc(100vw - 28px))}dialog::backdrop{background:#07050dba;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-heading h2{margin-top:5px}.detail-full-id{font-size:12px;overflow-wrap:anywhere;background:#14111b;padding:12px;border:1px solid #33293e;border-radius:7px;color:#bba6d0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.detail-grid p{font-size:12px;margin:0;overflow-wrap:anywhere}.audit-heading{font-size:12px;margin:25px 0 12px;color:#c9bad9}.audit-row{padding:10px 0;border-top:1px solid #302739;display:flex;gap:13px;font-size:11px;line-height:1.6}.audit-row small{color:#84728f;display:block;font-size:10px}.audit-row time{margin-left:auto;white-space:nowrap;color:#776981;font-size:9px}.audit-dot{color:#ae97c5}.file-dialog{width:min(900px,calc(100vw - 20px));padding:18px}.file-dialog iframe{height:65dvh;width:100%;border:1px solid #3a2f44;border-radius:8px;background:white;margin-bottom:12px}.file-dialog h2{font-size:14px;overflow-wrap:anywhere}.confirm-dialog p{font-size:13px;line-height:1.7;color:#b6a2c2}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.login-dialog{width:min(410px,calc(100vw - 28px));padding:34px}.login-dialog .brand-icon{margin-bottom:25px}.login-dialog h2{font-size:25px;margin:12px 0}.login-dialog p{font-size:13px;line-height:1.7;color:#aa99b9}.login-dialog .button{width:100%;font-size:12px;margin:15px 0 7px;min-height:43px}.login-dialog small{font-size:10px;color:#776584}.login-dialog label{font-size:11px;color:#bfa9d0}.login-dialog input{display:block;width:100%;margin-top:8px;padding:11px;background:#14101b;border:1px solid #44324f;border-radius:7px;color:white}.error-text{color:#e9a4b3!important}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 18px;border:1px solid #6f587e;border-radius:10px;background:#302238;color:#e9d7f4;z-index:100;font-size:12px;box-shadow:0 6px 30px #0005;max-width:calc(100vw - 24px);line-height:1.5}.toast.error{border-color:#8e4f61;background:#462734;color:#ffdce4}
@media(min-width:1700px){.order-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1240px){main{padding:26px 26px 0}.sidebar{width:196px;padding:29px 16px}main{margin-left:196px}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-wrap:wrap}}@media(max-width:760px){.sidebar{position:static;width:auto;display:block;padding:16px 16px 0;border:0;background:#15121c}.brand{font-size:22px}.brand-icon{width:35px;height:35px;font-size:25px;border-radius:10px}.brand small{font-size:7px;letter-spacing:1.5px}.sidebar nav{display:flex;gap:7px;overflow:auto;margin-top:17px;padding-bottom:8px}.nav-item{width:auto;font-size:10px;padding:8px 10px}.nav-item span{font-size:15px;width:auto}.nav-item b{font-size:9px}.sidebar-bottom{display:none}main{margin:0;padding:21px 15px 0}.topbar{margin-bottom:19px}.topbar h1{font-size:26px}.top-actions{gap:9px}.test-badge{font-size:9px;padding:5px 7px}.notice{padding:12px;gap:9px;margin-bottom:15px;align-items:flex-start}.notice>span{font-size:20px}.notice p{font-size:11px;line-height:1.6}.notice small{font-size:10px;margin-top:4px}.notice a{display:none}.stats{gap:8px;margin-bottom:26px;grid-template-columns:repeat(2,1fr)}.stats>div{padding:13px}.stats strong{font-size:26px;margin:9px 0 3px}.stats>div>span{font-size:10px}.stats small{font-size:9px}.section-heading{gap:14px;margin-bottom:15px}.section-heading h2{font-size:17px}.section-heading p{font-size:10px}.tools{width:100%;gap:7px}.tools .button{font-size:10px;padding:9px 10px}.tools #demo-orders{margin-left:auto}.filters{flex-wrap:wrap;gap:8px}.search{max-width:none;flex-basis:100%}.filters select{flex:1;max-width:none;font-size:10px;padding:9px}.filters>span{font-size:9px;margin-left:0}.order-grid{grid-template-columns:1fr;gap:13px}.card-header{padding:11px 15px}.card-body{padding:16px 16px 0}.amount{font-size:29px}.value{font-size:13px}.fields{gap:15px 12px}.card-actions .button{font-size:11px;min-height:37px}.field-label{font-size:11px}.card-actions{padding:12px 15px}.provider{font-size:10px}.uid{font-size:12px}.card-header .timer{font-size:12px}.requirements{font-size:10px}.event-row{padding:13px;gap:10px;flex-wrap:wrap}.event-row .event-provider{width:auto}.event-row strong{font-size:11px}.event-row .event-state{font-size:9px}footer{font-size:9px;flex-wrap:wrap;padding-top:24px}#sync-state{font-size:9px}.eyebrow{font-size:8px}dialog{padding:20px}.detail-grid{gap:16px 10px}.audit-row{font-size:10px}}
@media(prefers-reduced-motion:reduce){.timer-fill{transition:none}}
@media(max-width:760px){.value.amount{font-size:29px}}