@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#142331;background:#eef2f4;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}
.app-body{background:radial-gradient(circle at 6% 0%,#dcecef 0,transparent 30%),#eef2f4}.shell{width:min(1120px,calc(100% - 40px));margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.2px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:#082b36;color:#a8f0d6;font-size:25px;font-weight:800;box-shadow:0 7px 16px #0b394428}.brand-mark::after{content:'·';color:#85eabb;transform:translate(-2px,-7px)}.header-links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700;color:#56707a}.header-links a:hover,.text-link:hover{color:#168b7a}.header-account{display:flex;align-items:center;gap:10px}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#d6ebe6;color:#18715e;font-weight:800}.icon-button{border:1px solid #d7e1e3;background:#fff;border-radius:12px;padding:10px 13px;color:#395663;font-weight:700}.icon-button:hover{background:#ecf7f3}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#5cbaa2}.page-title{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.055em;line-height:1.12}.muted{color:#718590}.muted-light{color:#adcbc9}.small{font-size:13px}.text-link{color:#157f72;font-weight:800}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#e8f7ef;color:#12866e;font-weight:800;font-size:11px;letter-spacing:.04em}.pill-dot{width:6px;height:6px;border-radius:50%;background:#12b886;box-shadow:0 0 0 4px #12b88622}
.hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;min-height:306px;background:linear-gradient(121deg,#082e37 0%,#0b3e48 55%,#0c6170 100%);border-radius:30px;color:white;padding:44px 51px;box-shadow:0 26px 45px #11374622}.hero::before{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff23;border-radius:50%;right:-110px;top:-250px;box-shadow:0 0 0 54px #ffffff08,0 0 0 110px #ffffff06}.hero::after{content:'';position:absolute;right:25%;bottom:-100px;width:260px;height:260px;background:#81d0a8;filter:blur(100px);opacity:.22}.hero-content{position:relative;z-index:1}.hero h1{max-width:570px;margin:15px 0 14px;font-family:Manrope,sans-serif;font-size:clamp(35px,5vw,57px);font-weight:800;letter-spacing:-.065em;line-height:1.07}.hero h1 em{font-style:normal;color:#a8e8cd}.hero p{max-width:470px;margin:0;color:#d1e3df;line-height:1.65;font-size:15px}.hero-stats{display:flex;gap:23px;margin-top:31px}.hero-stat{display:flex;align-items:center;gap:10px;color:#c1dcd7;font-size:12px;font-weight:700}.hero-stat i{font-style:normal;color:#a8f0d6;font-size:19px}.hero-graphic{position:relative;z-index:1;display:grid;place-items:center}.orbit{position:relative;width:233px;height:233px;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 35px #ffffff0a,0 0 0 70px #ffffff08}.orbit::before,.orbit::after{position:absolute;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#fff;color:#0e4d57;font-size:22px;font-weight:800;box-shadow:0 12px 26px #061e2c50}.orbit::before{content:'$';top:3px;left:18px;transform:rotate(-12deg)}.orbit::after{content:'₹';right:-16px;bottom:34px;transform:rotate(12deg)}.orbit-core{width:112px;height:112px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(150deg,#ccfff1,#83d4c7);color:#0d4a4d;font-family:Manrope,sans-serif;font-weight:800;font-size:61px;transform:rotate(-12deg);box-shadow:0 20px 40px #061e2c52}.orbit-core span{transform:rotate(12deg)}
.content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.65fr);gap:24px;align-items:start;margin:-37px 24px 50px;position:relative;z-index:2}.card{background:#fff;border:1px solid #e5ecec;border-radius:25px;box-shadow:0 18px 45px #243f4820}.quote-card{padding:30px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:23px}.card-heading h2{font:800 22px/1.2 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 6px}.card-heading p{margin:0;color:#81929a;font-size:13px}.form-label{display:block;font-size:12px;font-weight:800;color:#465d67;margin:0 0 9px}.amount-panel{border:1px solid #dce6e7;border-radius:18px;padding:15px 17px;background:#fcfefe;transition:border-color .2s,box-shadow .2s}.amount-panel:focus-within{border-color:#49baa1;box-shadow:0 0 0 4px #2eb69618}.amount-row{display:flex;align-items:center;gap:12px}.amount-input{width:100%;border:0;outline:0;background:transparent;font:800 clamp(29px,3.4vw,40px)/1.1 Manrope,sans-serif;color:#122e38;letter-spacing:-.05em;min-width:0}.amount-input::placeholder{color:#b8c8cb}.currency-select{appearance:none;max-width:125px;flex:none;border:0;border-radius:12px;background:#eaf4f2;padding:11px 27px 11px 13px;color:#0a645e;font-weight:800;outline:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%230a645e' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px;background-position:right 8px center}.amount-caption{margin-top:5px;font-size:12px;color:#96a7ae}.swap-divider{height:44px;display:flex;align-items:center;gap:13px}.swap-divider::before,.swap-divider::after{content:'';height:1px;background:#e7eded;flex:1}.swap-button{border:1px solid #e5eeee;background:#fff;width:36px;height:36px;border-radius:11px;color:#1a917c;font-size:20px;box-shadow:0 5px 12px #173f4612}.select-field,.input-field,.textarea-field{width:100%;border:1px solid #dce5e7;border-radius:13px;background:#fff;color:#183540;padding:13px 14px;outline:0;transition:border-color .2s,box-shadow .2s}.select-field:focus,.input-field:focus,.textarea-field:focus{border-color:#43b6a0;box-shadow:0 0 0 4px #2eb69618}.textarea-field{min-height:90px;resize:vertical}.form-group{margin:18px 0}.field-hint{font-size:11px;color:#91a2a8;margin-top:6px}.rate-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:13px;background:#f2f8f7;padding:13px 15px;margin:22px 0 18px}.rate-bar strong{font-size:13px;color:#175e59}.rate-bar span{font-size:11px;color:#698b88}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;padding:15px 18px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(105deg,#0e9682,#11ab91);color:white;box-shadow:0 12px 22px #0d9b7b3c}.btn-primary:hover:not(:disabled){box-shadow:0 16px 27px #0d9b7b55}.btn-light{background:#eaf5f2;color:#087d70}.btn-outline{border:1px solid #d7e5e4;background:white;color:#22545a}.btn-wide{width:100%}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:15px 0 0;color:#99a9ad;font-size:11px}.side-stack{display:grid;gap:18px;margin-top:70px}.side-card{padding:23px}.side-card h3{font:800 17px Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 15px}.steps{display:grid;gap:16px}.step-row{display:flex;align-items:flex-start;gap:13px}.step-no{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;flex:none;background:#e8f8f0;color:#118672;font-weight:800;font-size:12px}.step-row b{font-size:13px}.step-row p{font-size:11px;line-height:1.5;color:#899ca3;margin:3px 0 0}.support-card{position:relative;overflow:hidden;padding:25px;background:#0d3640;color:white}.support-card::after{content:'◌';position:absolute;font-size:210px;color:#ffffff12;right:-21px;bottom:-99px}.support-card p{font-size:12px;line-height:1.6;color:#bad4d1;max-width:220px}.support-card .text-link{color:#a3edce;font-size:12px}.site-footer{padding:0 0 30px;text-align:center;color:#9cabb0;font-size:11px}
.modal-backdrop,.lock-screen{position:fixed;inset:0;z-index:60;background:#061921c9;backdrop-filter:blur(8px);display:grid;place-items:end center;padding:14px}.modal-backdrop[hidden],.lock-screen[hidden]{display:none}.sheet{width:min(540px,100%);max-height:min(92vh,840px);overflow:auto;background:#fff;border-radius:26px;padding:25px;box-shadow:0 30px 80px #0006}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.sheet-header h2{font:800 22px Manrope,sans-serif;letter-spacing:-.045em;margin:0}.sheet-close{border:0;background:#edf3f3;width:34px;height:34px;border-radius:10px;font-size:18px;color:#40616b}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-item{border:1px solid #e6eeee;border-radius:13px;padding:13px}.summary-item span{display:block;color:#92a4aa;font-size:11px}.summary-item strong{display:block;font-size:17px;margin-top:4px}.account-option{display:flex;align-items:flex-start;gap:11px;border:1px solid #e0e9e9;border-radius:14px;padding:13px;margin:9px 0;cursor:pointer}.account-option:has(input:checked){border-color:#38ae94;background:#effaf5}.account-option input{accent-color:#10a487;margin-top:3px}.account-option b{font-size:13px}.account-option small{display:block;color:#8fa0a6;line-height:1.5;margin-top:4px}.payment-instructions{background:#f3f8f7;border-radius:14px;padding:14px;margin:17px 0;font-size:12px;color:#4d6d70}.payment-instructions strong{display:block;color:#1d4c54;margin-bottom:5px}.payment-instructions article{padding:9px 0;border-top:1px solid #dcebe8}.upload-box{border:1px dashed #9cbfba;border-radius:13px;background:#fbfefd;padding:16px;text-align:center;color:#55817a}.upload-box input{max-width:100%}.inline-alert{padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.5;margin:12px 0}.inline-alert.error{background:#fff0ef;color:#ae3c3c}.inline-alert.success{background:#eaf9f0;color:#13815f}.inline-alert.info{background:#edf7f7;color:#316b71}.stack{display:grid;gap:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.empty-state{padding:22px;border:1px dashed #cfdfdf;border-radius:15px;background:#f9fcfc;text-align:center;color:#79929a;font-size:13px}.detail-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2ebeb;border-radius:16px;background:#fff;padding:15px}.detail-card strong{display:block;font-size:13px}.detail-card small{display:block;color:#8da0a6;margin-top:4px}.detail-card button{border:0;background:#fff1ef;color:#b55249;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:800}
.lock-screen{z-index:100;place-items:center}.lock-card{width:min(400px,100%);padding:33px;background:#fff;border-radius:28px;text-align:center;box-shadow:0 34px 90px #06192180}.lock-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:20px;background:#e6f7ed;display:grid;place-items:center;color:#12967b;font-size:25px}.lock-card h2{font:800 24px Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 7px}.lock-card p{font-size:13px;line-height:1.5;color:#879ba1}.pin-input{display:block;width:100%;text-align:center;letter-spacing:.7em;font:800 29px Manrope,sans-serif;padding:12px 3px 12px 22px;border:1px solid #cbdedf;border-radius:15px;outline:0;margin:20px 0 13px}.pin-input:focus{border-color:#10a68c;box-shadow:0 0 0 4px #1bb69b22}.lock-help{display:block;margin-top:17px;font-size:12px;color:#7a979b}
.auth-body{background:#eef2f4}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-visual{position:relative;overflow:hidden;padding:38px clamp(30px,5vw,70px);background:linear-gradient(140deg,#092c37,#0b5460);color:white;display:flex;flex-direction:column;justify-content:space-between}.auth-visual::before{content:'';position:absolute;width:650px;height:650px;border:1px solid #ffffff25;border-radius:50%;left:18%;top:23%;box-shadow:0 0 0 80px #ffffff07,0 0 0 160px #ffffff06}.auth-visual .brand{position:relative;z-index:1}.auth-visual .brand-mark{background:#e0fff0;color:#0e6158}.auth-copy{position:relative;z-index:1;max-width:560px}.auth-copy h1{font:800 clamp(45px,5vw,71px)/1.05 Manrope,sans-serif;letter-spacing:-.075em;margin:0 0 19px}.auth-copy h1 em{font-style:normal;color:#a6ead0}.auth-copy p{max-width:390px;color:#c1dbd6;line-height:1.7}.auth-orbit{position:absolute;right:-50px;top:25%;opacity:.75;transform:scale(1.45)}.auth-visual footer{position:relative;font-size:11px;color:#a4c7c3}.auth-panel{display:grid;place-items:center;padding:35px 28px}.auth-form-wrap{width:min(420px,100%)}.auth-mobile-brand{display:none}.auth-form-wrap h2{font:800 32px/1.15 Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 10px}.auth-form-wrap>p{font-size:14px;color:#82969f;line-height:1.55;margin:0 0 28px}.auth-form-wrap .form-group{margin:0 0 16px}.auth-form-wrap .form-label{font-size:12px}.auth-form-wrap .input-field{padding:14px 15px;background:#fff}.auth-form-wrap .btn{margin-top:8px}.auth-foot{margin:24px 0 0;text-align:center;color:#81949b;font-size:13px}.auth-fine{font-size:11px;color:#9aabb1;margin-top:17px;line-height:1.5;text-align:center}.auth-lock{display:none}.auth-lock.active{display:block}.auth-password.hidden{display:none}
.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;margin:29px 0 50px}.payment-hero{padding:30px 33px;color:white;background:linear-gradient(125deg,#103946,#117c80);border-radius:25px;position:relative;overflow:hidden}.payment-hero::after{content:'◎';position:absolute;right:30px;top:-75px;font-size:230px;color:#ffffff13}.payment-hero h1{font-size:34px;margin:12px 0 10px}.payment-hero p{font-size:13px;color:#d0e9e3;line-height:1.6;max-width:450px}.payment-card{padding:27px;margin-top:19px}.payment-side{margin-top:0}.payment-side .side-card{position:sticky;top:20px}.payment-field{margin:16px 0}.field-icon{display:inline-grid;place-items:center;width:34px;height:34px;background:#eaf6f2;border-radius:11px;color:#0a8b75;margin-right:9px;font-size:16px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:32px 32px 36px}.hero-graphic{display:none}.content-grid{grid-template-columns:1fr;margin:-30px 14px 45px}.side-stack{grid-template-columns:1fr 1fr;margin-top:0}.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:230px;padding:26px}.auth-copy h1{font-size:42px}.auth-copy p,.auth-visual footer,.auth-orbit{display:none}.auth-panel{margin-top:-22px;position:relative;z-index:1;background:#eef2f4;border-radius:25px 25px 0 0;align-items:start;padding:34px 24px}.payment-layout{grid-template-columns:1fr}.payment-side{display:none}}
@media(max-width:600px){.shell{width:calc(100% - 28px)}.app-header{padding:17px 0}.brand{font-size:21px}.header-links{gap:10px}.header-links a:not(.mobile-show){display:none}.header-account .icon-button{font-size:11px;padding:9px}.hero{border-radius:22px;min-height:255px;padding:27px 24px 42px}.hero h1{font-size:38px}.hero p{font-size:12px;line-height:1.6}.hero-stats{gap:13px;margin-top:24px;flex-wrap:wrap}.hero-stat{font-size:10px}.content-grid{margin:-28px 5px 40px;gap:16px}.quote-card{padding:21px 19px;border-radius:22px}.card-heading h2{font-size:19px}.amount-input{font-size:31px}.currency-select{font-size:12px;max-width:105px;padding:10px 23px 10px 9px}.side-stack{grid-template-columns:1fr;gap:13px}.side-card{padding:20px}.support-card{display:none}.sheet{padding:22px 19px;max-height:94vh;border-radius:25px 25px 18px 18px}.modal-backdrop{padding:0;align-items:end}.sheet{width:100%;border-radius:25px 25px 0 0}.summary-grid{gap:7px}.summary-item{padding:10px}.summary-item strong{font-size:14px}.auth-visual{min-height:190px;padding:19px 23px}.auth-visual .brand{font-size:20px}.auth-copy h1{font-size:35px;margin:17px 0 0}.auth-panel{padding:30px 23px}.auth-form-wrap h2{font-size:27px}.payment-hero{padding:25px}.payment-hero h1{font-size:29px}.payment-card{padding:22px 19px}.payment-layout{margin-top:15px}.row{grid-template-columns:1fr}.lock-card{padding:28px 23px}}

/* UPAY FX brand */
:root{--upay:#6236ff;--upay-deep:#281b57;--upay-soft:#f0ecff}
.app-body,.auth-body{background:#f5f5fa;color:#242039}
.brand{color:#231c43}.brand-mark,.auth-visual .brand-mark{background:transparent;box-shadow:none;border-radius:10px}.brand-mark::after{display:none}.brand-mark img{width:37px;height:37px;display:block;object-fit:contain}
.hero,.payment-hero,.auth-visual{background:linear-gradient(128deg,#231746,#3c218a 58%,#6337f4)}
.hero h1 em,.auth-copy h1 em{color:#ded2ff}.hero p,.payment-hero p,.auth-copy p{color:#e4dcff}
.hero-logo{width:205px;height:205px;object-fit:contain;filter:drop-shadow(0 22px 30px #120a3850);transform:rotate(-8deg)}
.hero::after{background:#a789ff}.auth-visual::before{box-shadow:0 0 0 80px #ffffff07,0 0 0 160px #ffffff06}
.eyebrow{color:#8d6cf2}.hero .eyebrow,.payment-hero .eyebrow,.auth-visual .eyebrow{color:#cbbaff}
.card{border-color:#e9e6f2;box-shadow:0 16px 40px #32215c12}
.header-links a:hover,.text-link:hover{color:var(--upay)}.avatar{background:#e9e2ff;color:#532dc9}.icon-button{border-color:#e7e3f1;color:#4b4363}.icon-button:hover{background:#f3efff}
.pill,.step-no{background:#efeaff;color:#603ad5}.pill-dot{background:#7045ec;box-shadow:0 0 0 4px #7045ec22}
.amount-panel:focus-within,.select-field:focus,.input-field:focus,.textarea-field:focus,.pin-input:focus{border-color:#8866f2;box-shadow:0 0 0 4px #6236ff1a}
.currency-select{background-color:#f1edff;color:#5230bc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%235230bc' stroke-width='2'/%3E%3C/svg%3E")}
.swap-button,.text-link,.rate-bar strong,.btn-light{color:#5b34da}.rate-bar,.btn-light{background:#f3efff}
.btn-primary{background:var(--upay);box-shadow:0 12px 24px #6236ff30}.btn-primary:hover:not(:disabled){box-shadow:0 15px 27px #6236ff40}
.support-card{background:#2d1d64}.support-card .text-link{color:#e5dcff}.support-card::after{display:none}
.account-option:has(input:checked){border-color:#8d6cf2;background:#f5f2ff}.account-option input{accent-color:var(--upay)}
.lock-icon{background:#f0ebff;color:var(--upay)}.pin-input{border-color:#dcd5f0}.payment-hero::after{color:#ffffff10}
.auth-panel{background:#f5f5fa}.auth-visual .brand{color:white}.auth-visual .brand-mark{background:transparent}
.notyf{z-index:200!important}.notyf__toast{border-radius:12px!important;box-shadow:0 14px 35px #24124933!important;font-family:'DM Sans',sans-serif!important}
.ti{font-size:1.2em;vertical-align:-.1em}.step-no .ti{font-size:16px}.swap-button .ti{font-size:20px}
.hero::before,.hero::after,.auth-visual::before,.payment-hero::after{display:none}
.payment-instructions,.inline-alert.info{background:#f5f2ff;color:#514578}.payment-instructions strong{color:#38246f}.payment-instructions article{border-color:#e3dcfa}
@media(max-width:850px){.auth-panel{background:#f5f5fa}}

/* Customer transaction records */
.record-layout{max-width:850px;margin:25px auto 64px}.record-hero{border-radius:25px;background:linear-gradient(125deg,#241847,#5530c9);padding:31px 36px;color:#fff}.record-hero .eyebrow{color:#d0c0ff}.record-hero h1{font-size:36px;margin:12px 0 7px}.record-hero p{color:#e7ddff;font-size:13px;margin:0 0 21px}.record-hero .btn{background:#fff;color:#4e2abc;box-shadow:none}.record-section{margin-top:30px}.record-section-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.record-section-head h2{font:800 19px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.record-count{background:#e9e3ff;color:#5f38ce;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:800}.record-list{overflow:hidden;border:1px solid #e8e5ef;border-radius:19px;background:#fff;box-shadow:0 12px 30px #29195c0d}.record-row{display:flex;align-items:center;gap:15px;padding:19px 21px;border-bottom:1px solid #eeebf3;transition:background .2s}.record-row:last-child{border-bottom:0}.record-row:hover{background:#f8f6ff}.record-icon{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f0ebff;color:#6236ff}.record-icon.complete{background:#e8f8ee;color:#158055}.record-icon.cancelled{background:#fff0f1;color:#b34455}.record-main{min-width:0;flex:1}.record-main strong,.record-end strong{display:block;font-size:14px}.record-main small,.record-end small{display:block;margin-top:5px;font-size:11px;color:#898398}.record-end{text-align:right}.record-arrow{color:#aaa4b7}.status{font-weight:700!important}.status-pending{color:#9a6b10!important}.status-complete{color:#18845a!important}.status-cancelled{color:#b34455!important}.record-empty{padding:26px;text-align:center;border:1px dashed #dcd5ee;border-radius:16px;background:#fff;color:#847d93;font-size:13px}
.receipt-layout{max-width:690px;margin:26px auto 60px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#5f38d6;font-size:13px;font-weight:800;margin-bottom:17px}.receipt-card{background:#fff;border:1px solid #e8e5ef;border-radius:24px;padding:32px;box-shadow:0 20px 50px #29195c14}.receipt-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.receipt-head h1{font:800 28px Manrope,sans-serif;letter-spacing:-.05em;margin:7px 0 0}.receipt-logo{width:49px;height:49px}.receipt-ref{font-size:11px;color:#817b93;border-bottom:1px solid #ece9f3;padding:13px 0 20px;overflow-wrap:anywhere}.receipt-ref strong{display:block;color:#4e4668;font-size:12px;margin-top:5px}.receipt-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;background:#f5f2ff;border-radius:17px;padding:22px;margin:22px 0}.receipt-summary>div:last-child{text-align:right}.receipt-summary span,.receipt-summary small{display:block;font-size:11px;color:#8276a7}.receipt-summary strong{display:block;font:800 22px Manrope,sans-serif;letter-spacing:-.04em;color:#2f2450;margin:5px 0}.receipt-summary>.ti{color:#7850e2;font-size:22px}.receipt-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:9px;background:#fff5e8;color:#a26a12;font-size:11px;font-weight:800}.receipt-status.complete{background:#e9f8ef;color:#178254}.receipt-status.cancelled{background:#fff0f1;color:#b34455}.receipt-section{margin-top:27px}.receipt-section h2{font:800 15px Manrope,sans-serif;margin:0 0 8px}.receipt-rows{margin:0}.receipt-rows>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #f0eef4;font-size:12px}.receipt-rows dt{color:#8a8499}.receipt-rows dd{margin:0;text-align:right;font-weight:700;color:#322d43;overflow-wrap:anywhere}.receipt-rows .receipt-total dt,.receipt-rows .receipt-total dd{font-weight:800;color:#3e268c;font-size:14px}.receipt-foot{display:flex;align-items:end;justify-content:space-between;gap:15px;border-top:1px solid #ebe7f2;margin-top:26px;padding-top:20px}.receipt-foot span,.receipt-foot strong{display:block;font-size:11px}.receipt-foot span{color:#8a8499;margin-bottom:6px}.receipt-foot img{width:85px;height:85px}.receipt-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
@media(max-width:600px){.record-layout{margin:12px 0 45px}.record-hero{padding:25px;border-radius:19px}.record-hero h1{font-size:29px}.record-section{margin-top:23px}.record-row{padding:16px 13px;gap:10px}.record-icon{width:36px;height:36px;border-radius:11px}.record-main strong,.record-end strong{font-size:12px}.record-main small,.record-end small{font-size:10px}.record-arrow{display:none}.receipt-layout{margin:12px 0 45px}.receipt-card{padding:22px 18px;border-radius:20px}.receipt-head h1{font-size:23px}.receipt-summary{padding:16px;gap:7px}.receipt-summary strong{font-size:16px}.receipt-summary>.ti{font-size:17px}}
@media(max-width:600px){.app-header{gap:8px}.header-links{display:none}.header-account{margin-left:auto;gap:6px}.header-account .avatar{display:none}.header-account .icon-button{padding:9px 10px}.hero h1{font-size:35px}.card-heading .pill{flex:none}}
.receipt-summary>div{min-width:0}.receipt-summary strong{overflow-wrap:anywhere}
.handoff{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}.handoff img{width:64px;height:64px}.handoff h1{font:800 23px Manrope,sans-serif;color:#261a4a;margin:19px 0 3px}.handoff p{font-size:12px;color:#817992}.handoff a{color:#6236ff;font-weight:800}
@media print{body{background:#fff!important}.no-print,.site-footer{display:none!important}.shell{width:100%}.receipt-layout{max-width:none;margin:0}.receipt-card{border:0;box-shadow:none;border-radius:0;padding:0}}

/* Keep Android's default blue touch flash off app controls while retaining keyboard focus styles. */
html, a, button, label, select, [role="button"] { -webkit-tap-highlight-color: transparent; }
.brand, .btn, .profile-trigger, .profile-menu-action, .profile-shortcut,
.client-bottom-nav a, .record-row, .auth-theme-toggle {
  -webkit-user-select: none;
  user-select: none;
}

.pin-input[aria-invalid="true"] {
  border-color: #e05d7a !important;
  box-shadow: 0 0 0 4px #e05d7a2b !important;
}
@media (prefers-reduced-motion: no-preference) {
  .pin-input.pin-shake { animation: upay-pin-shake .38s ease-in-out; }
}
@keyframes upay-pin-shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-7px); }
  40%, 80% { transform: translateX(7px); }
}

/* Keep the complete brand name legible on narrow headers. */
.brand{white-space:nowrap;flex-shrink:0;letter-spacing:0;word-spacing:.08em}.brand-mark{flex-shrink:0}
@media(max-width:380px){.app-header{flex-wrap:wrap;gap:12px}.app-header .header-links{order:3;width:100%;justify-content:center}.brand{font-size:20px}}

.auth-visual .brand{letter-spacing:0;word-spacing:.08em}

.eyebrow.brand-copy,.profile-kicker.brand-copy{text-transform:none}