:root{color:#f8f7fb;background:#090a10;font-family:Inter,Helvetica Neue,Helvetica,Arial,system-ui,sans-serif}*{box-sizing:border-box}button,input,select{font:inherit}.payments-body{color:#f8f7fb;background:radial-gradient(circle at 82% -10%,#7d59f642,#0000 30rem),radial-gradient(circle at 4% 84%,#1f81aa1f,#0000 29rem),#090a10;min-width:320px;margin:0}.payments-shell{width:min(100% - 3rem,1120px);min-height:100svh;margin:0 auto;padding:2.15rem 0 5rem}.payments-wordmark{color:inherit;letter-spacing:.19em;align-items:center;font-size:.78rem;font-weight:760;text-decoration:none;display:inline-flex}.payments-wordmark:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #d1edff}.payments-wordmark i{background:linear-gradient(#9a79ff,#c7e9ff);width:.43rem;height:1.17rem;margin:0 .08rem;transform:skew(-14deg)}.payments-login{width:min(100%,33rem);margin:12svh auto 0}.payments-kicker,.card-number{color:#a9a6b6;letter-spacing:.19em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:700}.payments-login h1,.payments-app h1{letter-spacing:-.074em;max-width:11ch;margin:1rem 0 1.1rem;font-size:clamp(2.95rem,7vw,5.75rem);font-weight:530;line-height:.88}.payments-login>p:not(.payments-kicker),.payment-card>p,.staff-identity{color:#b2afbc;line-height:1.55}.payments-app{margin-top:6.8rem}.payments-app-header,.history-heading,.payment-link-item>div,.card-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.payments-app-header{border-bottom:1px solid #ffffff24;padding-bottom:2.2rem}.payments-app-header h1{max-width:10.5ch;margin-bottom:.55rem}.staff-identity{align-items:center;gap:.45rem;margin:0;font-size:.91rem;display:flex}.staff-identity:before{content:"";background:#8ad6a5;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 .24rem #8ad6a51f}.header-actions{flex:none;align-items:center;gap:1.15rem;display:flex}.quiet-button{color:#c6c2ce;cursor:pointer;min-height:2.75rem;font:inherit;text-underline-offset:.32rem;background:0 0;border:0;flex:none;align-items:center;gap:.4rem;padding:.25rem 0;font-size:.82rem;-webkit-text-decoration:underline #c6c2ce73;text-decoration:underline #c6c2ce73;transition:color .18s;display:inline-flex}.quiet-button:hover{color:#fff}.language-toggle{color:#e0ddea;letter-spacing:.04em;border:1px solid #ffffff2b;border-radius:99px;min-height:2.1rem;padding:0 .64rem;font-size:.7rem;font-weight:700;text-decoration:none}.language-toggle:hover{color:#d8f0ff;border-color:#c7e9ff99}.collection-summary{color:#c5c2cf;letter-spacing:.04em;flex-wrap:wrap;gap:.5rem 0;margin:1.25rem 0 1.5rem;font-size:.72rem;display:flex}.collection-summary span{align-items:center;display:inline-flex}.collection-summary span+span:before{content:"";background:#696674;border-radius:50%;width:.18rem;height:.18rem;margin:0 .7rem}.summary-dot{background:#82c8ff;border-radius:50%;width:.42rem;height:.42rem;margin-right:.5rem;box-shadow:0 0 0 .24rem #82c8ff1c}.payments-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.25rem;display:grid}.payment-card{background:linear-gradient(140deg,#ffffff13,#ffffff06);border:1px solid #ffffff26;border-radius:.9rem;min-height:31.5rem;padding:clamp(1.4rem,3vw,2.2rem);box-shadow:0 1.2rem 3rem #0000001f}.payment-card:first-child{background:radial-gradient(circle at 100% 0,#8b69f42e,#0000 15rem),linear-gradient(140deg,#ffffff16,#ffffff07);border-color:#a688ff57}.card-heading{align-items:center}.card-icon{color:#d9efff;background:#c7e9ff14;border:1px solid #c7e9ff5c;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-size:1.03rem;font-weight:650;display:grid}.payment-card h2{letter-spacing:-.055em;margin:1.15rem 0 .6rem;font-size:clamp(1.85rem,3.5vw,2.35rem);font-weight:540;line-height:1}.payment-card>p{max-width:34rem;margin:0;font-size:.92rem}.payments-form{gap:.58rem;margin-top:2rem;display:grid}.payments-form label{color:#d3d0db;letter-spacing:.09em;text-transform:uppercase;margin-top:.86rem;font-size:.68rem;font-weight:690}.payments-form label span{color:#9e9aa8}.payments-form input,.payments-form select,.amount-field{color:#fff;background:#03040875;border:1px solid #fff3;border-radius:.56rem;width:100%;min-height:3.5rem;transition:border-color .16s,background .16s}.payments-form input{padding:.75rem .9rem}.payments-form select{appearance:none;background:linear-gradient(45deg,#0000 50%,#b4b1bd 50%) calc(100% - 1.1rem)/.35rem .35rem no-repeat,linear-gradient(135deg,#b4b1bd 50%,#0000 50%) calc(100% - .78rem)/.35rem .35rem no-repeat,#03040875;padding:.75rem 2.5rem .75rem .9rem}.payments-form input::placeholder{color:#706d7a}.payments-form input:focus,.payments-form select:focus{background:#030408c7;border-color:#c7e9ff;outline:0}.amount-field{color:#d8eefe;align-items:center;padding-left:.95rem;display:flex}.amount-field:focus-within{background:#030408c7;border-color:#c7e9ff}.amount-field input{font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;min-width:0;padding-left:.42rem;font-size:1.13rem}.amount-field input:focus{background:0 0;border:0}.amount-currency{color:#9793a1;letter-spacing:.1em;margin-right:.85rem;font-size:.66rem;font-weight:700}.payments-form button,.copy-button{color:#0b0c11;cursor:pointer;letter-spacing:-.01em;background:#f7f6fa;border:1px solid #f7f6fa;border-radius:.56rem;min-height:3.5rem;margin-top:1.15rem;font-weight:720;transition:transform .16s,background .16s,border-color .16s}.payments-form button{justify-content:space-between;align-items:center;padding:0 1.05rem 0 1.15rem;display:flex}.payments-form button b{font-size:1.35rem;font-weight:400;line-height:1}.payments-form button:hover,.copy-button:hover{background:#c7e9ff;border-color:#c7e9ff;transform:translateY(-1px)}.payments-form button:active,.copy-button:active{transform:translateY(0)}.form-message{color:#a8d7be;min-height:1.35rem;margin:.55rem 0 0;font-size:.82rem;line-height:1.45}.invoice-note{color:#9f9ba8;margin:1rem 0 -.1rem;font-size:.75rem;line-height:1.45}.form-message[data-state=error]{color:#ffaaa6}.history-heading{align-items:flex-start}.history-heading h2{margin-top:.65rem}.refresh-button{min-height:2rem;font-size:.76rem}.payment-list{gap:.7rem;margin-top:1.75rem;display:grid}.payment-link-item{background:#00000026;border:1px solid #ffffff1a;border-radius:.6rem;padding:1rem}.payment-link-item>div{gap:.75rem}.payment-link-item h3,.payment-link-item p{margin:0}.payment-link-item h3{max-width:21rem;font-size:.95rem;font-weight:670;line-height:1.35}.payment-link-item p{color:#aaa6b3;margin-top:.45rem;font-size:.81rem}.status{letter-spacing:.075em;text-transform:uppercase;border:1px solid;border-radius:99px;flex:none;padding:.29rem .48rem;font-size:.57rem;font-weight:700}.status-paid{color:#9fdbb6}.status-open{color:#b7e4ff}.status-inactive{color:#aaa8b2}.copy-button{color:#f5f4f8;background:0 0;border-color:#ffffff3d;min-height:2.35rem;margin-top:.9rem;padding:.35rem .72rem;font-size:.76rem;font-weight:650}.empty-state{color:#9c9aa5;padding:1rem 0;font-size:.9rem}@media (max-width:760px){.payments-shell{width:min(100% - 2rem,600px);padding-top:1.35rem;padding-bottom:2.5rem}.payments-app{margin-top:4.4rem}.payments-app-header{gap:1rem;padding-bottom:1.65rem}.header-actions{gap:.8rem}.payments-app h1{font-size:clamp(2.7rem,13.5vw,4rem)}.collection-summary{margin-top:1rem}.payments-grid{grid-template-columns:1fr;gap:.9rem}.payment-card{border-radius:.75rem;min-height:auto;padding:1.35rem}.payment-card h2{margin-top:1rem}.payments-form{margin-top:1.55rem}.payments-form input,.payments-form select,.amount-field,.payments-form button{min-height:3.65rem}.history-heading{align-items:center}}@media (max-width:390px){.payments-shell{width:min(100% - 1.5rem,600px)}.payments-app-header{display:block}.payments-app-header .quiet-button{margin-top:.7rem}.header-actions .quiet-button{margin-top:0}.collection-summary span+span:before{margin:0 .48rem}}