:root{color:#172033;background:#f4f6fa;font-family:Inter,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f6fa}.app-shell{min-height:100vh}.app-sider{position:sticky!important;top:0;height:100vh;background:#12192b!important}.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 22px;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#7188ff,#405bd7);box-shadow:0 8px 24px #4666ff55}.app-sider .ant-menu{background:transparent;padding:8px 12px}.app-sider .ant-menu-item{height:46px;line-height:46px;border-radius:10px;margin-block:4px}.sandbox-badge{position:absolute;bottom:24px;left:24px;right:24px;padding:9px;border:1px solid #f6c86355;border-radius:9px;color:#f6c863;text-align:center;font-size:11px;letter-spacing:.12em}.app-header{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e9edf4}.user-copy{display:flex;flex-direction:column;font-size:13px;line-height:1.4}.user-copy small{color:#7e8798}.app-content{padding:28px;overflow:auto}.page-stack{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.narrow-page{max-width:1120px}.page-heading{min-height:56px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-heading h2{margin:0 0 6px!important;letter-spacing:-.03em}.ant-card{border-color:#e5e9f1;box-shadow:0 2px 9px #24335a0a}.filter-form{margin-bottom:18px;gap:8px 0}.single-provider{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:24px;border:1px solid #e3e7ef;border-radius:10px;background:#f9faff}.single-provider>span{color:#737d90}.safety-card{background:linear-gradient(145deg,#16203a,#25355c);color:#fff}.safety-card .anticon{color:#8da2ff;font-size:30px}.safety-card h4,.safety-card p{color:#fff!important}.safety-card p{opacity:.75}.qr-column{text-align:center;border-right:1px solid #ebedf2}.qr-column .ant-qrcode{margin:0 auto}.payment-result-card{padding:8px}.payment-details{margin:22px 0}.payment-json-block{margin-top:22px}.payment-json-block pre{max-height:320px;overflow:auto;padding:14px;border-radius:8px;color:#d8e4f4;background:#101a2d;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.public-payment-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px;color:#f6f8fb;background:radial-gradient(circle at 20% 10%,#354a80 0,#16223f 40%,#101728)}.public-payment-shell{width:min(100%,980px);min-width:0;display:grid;grid-template-columns:1fr .95fr;gap:28px;align-items:stretch}.public-logo-panel,.public-form-panel{min-width:0;border:1px solid #25445e;border-radius:8px;background:#0a1b2ee0;box-shadow:0 24px 80px #00000029}.public-logo-panel{display:grid;place-items:center;padding:34px}.public-logo-panel img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.public-form-panel{display:flex;align-items:center;padding:34px}.public-form-panel form{width:100%}.public-form-panel h1{margin:0 0 28px;color:#fff;font-size:30px;line-height:1.15;letter-spacing:-.025em}.public-form-panel>form>label:first-of-type{display:block;margin-bottom:7px;color:#a9c8ff;font-size:14px;font-weight:700}.public-amount-field{height:58px;display:flex;align-items:center;overflow:hidden;border:1px solid #45dd98;border-radius:10px;background:#0b1b2f;box-shadow:0 0 0 3px #45dd9824}.public-amount-field:focus-within{box-shadow:0 0 0 4px #45dd9833}.public-amount-field input{min-width:0;flex:1;height:100%;padding:0 16px;border:0;outline:0;color:#fff;background:transparent;font:inherit;font-size:22px;font-weight:750}.public-amount-field input::placeholder{color:#7c8490;opacity:1}.public-amount-field span{padding-right:16px;color:#62e3ae;font-size:20px;font-weight:800}.public-payment-help,.public-payment-footnote{color:#bfd0ea;font-size:14px;line-height:1.55}.public-payment-help{margin:16px 0 18px}.public-agreement{display:flex;align-items:flex-start;gap:10px;color:#c8d6ea;font-size:13px;line-height:1.45;cursor:pointer}.public-agreement span{min-width:0;overflow-wrap:anywhere}.public-agreement input{width:18px;height:18px;margin:0;accent-color:#45dd98;flex:0 0 auto}.public-agreement button{padding:0;border:0;color:#6fe5b3;background:transparent;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.public-payment-error{margin-top:14px;color:#ff9f9f;font-size:13px;line-height:1.45}.public-submit{min-height:54px;margin-top:24px;padding:0 24px;border:0;border-radius:9px;color:#071320;background:linear-gradient(100deg,#ffe36a,#49e49b);box-shadow:0 12px 30px #3ddc971f;font:inherit;font-size:18px;font-weight:800;cursor:pointer;transition:transform .16s ease,filter .16s ease}.public-submit:hover{filter:brightness(1.04);transform:translateY(-1px)}.public-submit:active{transform:translateY(0)}.public-submit:disabled{cursor:wait;filter:saturate(.6);opacity:.75;transform:none}.public-payment-footnote{margin:32px 0 0;padding-top:22px;border-top:1px solid #2a4660}.agreement-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#010911c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.agreement-dialog{width:min(100%,560px);max-height:min(720px,calc(100dvh - 40px));overflow:auto;padding:28px;border:1px solid #315371;border-radius:12px;color:#d8e4f4;background:#0a1b2e;box-shadow:0 32px 100px #00000080}.agreement-dialog h2{margin:0 0 20px;color:#fff}.agreement-dialog p{line-height:1.65}.agreement-dialog>button{min-height:46px;margin-top:8px;padding:0 22px;border:0;border-radius:8px;color:#071320;background:#5ce3aa;font:inherit;font-weight:800;cursor:pointer}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(circle at 20% 10%,#354a80 0,#16223f 40%,#101728)}.login-card{width:min(100%,360px);padding:20px;border-radius:16px;box-shadow:0 28px 72px #080d1e73}.login-card .ant-card-body{padding:0}.login-form .ant-form-item{margin-bottom:16px}.login-form .ant-input,.login-form .ant-input-affix-wrapper,.login-form .ant-btn{min-height:48px;border-radius:10px}.login-form .ant-input-affix-wrapper .ant-input{min-height:auto}.login-error{margin:-2px 0 14px;color:#d4380d;font-size:13px;line-height:1.4}.center-screen{min-height:60vh;display:grid;place-items:center}@media(max-width:900px){.qr-column{border-right:0;border-bottom:1px solid #ebedf2;padding-bottom:24px}}@media(max-width:760px){.public-payment-page{place-items:start center;padding:16px}.public-payment-shell{grid-template-columns:1fr;gap:16px}.public-logo-panel{padding:22px}.public-form-panel{padding:20px 22px}.public-form-panel h1{margin-bottom:20px;font-size:28px}.public-payment-help{margin:12px 0 14px}.public-submit{margin-top:20px}.public-submit{width:100%}.public-payment-footnote{margin-top:22px;padding-top:18px}}@media(max-width:480px){.login-page{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.login-card{padding:16px;border-radius:14px}}@media(max-height:420px)and (orientation:landscape){.login-page{place-items:start center}}@media(max-width:600px){.app-content{padding:18px 12px}.app-header{padding:0 14px}.app-header>.ant-typography{display:none}.user-copy{display:none}.page-heading{flex-direction:column}}