/* Sweet Billing v2.3.34 Portal Auth UI — self-contained on Central and Own Server */
:root{--spa-bg:#eef5ff;--spa-bg2:#f8fbff;--spa-surface:#fff;--spa-text:#0b1b3f;--spa-muted:#71809a;--spa-line:#d8e2f0;--spa-input:#fff;--spa-accent:var(--portal-accent,#2563eb);--spa-success:#16a765;--spa-shadow:0 28px 90px rgba(15,23,42,.12)}
html[data-bs-theme="dark"]{--spa-bg:#06111f;--spa-bg2:#081827;--spa-surface:#0b1a2a;--spa-text:#edf5ff;--spa-muted:#91a3b8;--spa-line:#20354a;--spa-input:#0d2033;--spa-shadow:0 28px 90px rgba(0,0,0,.42)}
*{box-sizing:border-box}body.spa-login-body,body.spa-forgot-body,body.spa-new-body{margin:0!important;min-height:100vh!important;min-height:100dvh!important;color:var(--spa-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:radial-gradient(circle at 4% 18%,rgba(var(--portal-accent-rgb,37,99,235),.12),transparent 24%),radial-gradient(circle at 94% 78%,rgba(139,92,246,.09),transparent 18%),linear-gradient(135deg,var(--spa-bg),var(--spa-bg2))!important}
.spa-stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}.spa-orb{position:absolute;border-radius:50%;pointer-events:none;background:rgba(var(--portal-accent-rgb,37,99,235),.08)}.spa-orb-a{width:240px;height:240px;left:-120px;top:8%}.spa-orb-b{width:190px;height:190px;right:-95px;bottom:8%;background:rgba(139,92,246,.08)}
.spa-shell{position:relative;z-index:2;width:min(1320px,100%);height:min(740px,calc(100dvh - 28px));min-height:620px;overflow:hidden;border:1px solid var(--spa-line);border-radius:30px;background:var(--spa-surface);box-shadow:var(--spa-shadow);animation:spaIn .38s ease-out}.spa-pane,.spa-signup-pane,.spa-visual{position:absolute;top:0;width:50%;height:100%;transition:transform .58s cubic-bezier(.67,-.05,.17,1.04),opacity .3s ease;will-change:transform,opacity}.spa-signup-pane{left:0;z-index:1;transform:translateX(-104%);opacity:0;background:var(--spa-surface);display:flex;flex-direction:column}.spa-pane{right:0;z-index:2;padding:28px 34px 24px;display:flex;align-items:center;justify-content:center;background:var(--spa-surface)}.spa-visual{left:0;z-index:3;padding:32px 35px 28px;display:flex;flex-direction:column;background:radial-gradient(circle at 78% 18%,rgba(var(--portal-accent-rgb,37,99,235),.11),transparent 22%),linear-gradient(145deg,color-mix(in srgb,var(--spa-surface) 72%,#f8fbff),color-mix(in srgb,var(--spa-bg) 90%,#fff) 66%,color-mix(in srgb,var(--spa-surface) 86%,#f8fbff))}html[data-bs-theme="dark"] .spa-visual{background:radial-gradient(circle at 78% 18%,rgba(var(--portal-accent-rgb,37,99,235),.18),transparent 22%),linear-gradient(145deg,#061728,#082036 66%,#061728)}.spa-shell.is-signup .spa-visual{transform:translateX(100%)}.spa-shell.is-signup .spa-pane{transform:translateX(104%);opacity:0;pointer-events:none}.spa-shell.is-signup .spa-signup-pane{z-index:4;transform:translateX(0);opacity:1}
.spa-visual-default,.spa-visual-signup{transition:opacity .24s ease,transform .34s ease}.spa-visual-signup{position:absolute;left:35px;right:35px;top:32px;opacity:0;transform:translateY(14px);pointer-events:none}.spa-shell.is-signup .spa-visual-default{opacity:0;transform:translateY(-12px)}.spa-shell.is-signup .spa-visual-signup{opacity:1;transform:none}.spa-kicker{margin:0 0 8px;color:var(--spa-muted);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.spa-title{margin:0;max-width:630px;color:var(--spa-text);font-size:clamp(2.5rem,4vw,4.4rem);line-height:.96;letter-spacing:-.064em;font-weight:950}.spa-title span{color:var(--spa-accent)}.spa-tagline{max-width:590px;margin:12px 0 13px;color:var(--spa-muted);font-size:.9rem;line-height:1.48}.spa-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.spa-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(var(--portal-accent-rgb,37,99,235),.13);border-radius:999px;background:color-mix(in srgb,var(--spa-surface) 86%,transparent);color:var(--spa-muted);font-size:.7rem;font-weight:850}.spa-chip i{color:var(--spa-accent)}
.spa-poster-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.spa-poster{position:relative;width:100%;height:100%;max-height:400px;min-height:270px;padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(var(--portal-accent-rgb,37,99,235),.10);border-radius:26px;background:color-mix(in srgb,var(--spa-surface) 96%,var(--spa-bg));box-shadow:0 16px 40px rgba(15,23,42,.07)}.spa-poster:before{content:"";position:absolute;left:-55px;bottom:-55px;width:160px;height:160px;border-radius:50%;background:rgba(var(--portal-accent-rgb,37,99,235),.07)}.spa-poster img,.spa-poster svg{position:relative;z-index:2;display:block!important;width:auto!important;max-width:94%!important;max-height:370px!important;height:auto!important;object-fit:contain!important;animation:spaPoster 7s ease-in-out infinite}.spa-poster svg{width:88%!important;color:var(--spa-accent)}
.spa-card{width:min(100%,535px);margin:auto}.spa-brand{min-height:54px;display:flex;align-items:center;margin-bottom:10px}.spa-brand img{width:auto!important;height:auto!important;max-width:235px!important;max-height:68px!important;object-fit:contain!important}.spa-brand img.spa-logo-light,.spa-forgot-brand img.spa-logo-light,.spa-new-brand img.spa-logo-light{display:block!important}.spa-brand img.spa-logo-dark,.spa-forgot-brand img.spa-logo-dark,.spa-new-brand img.spa-logo-dark{display:none!important}html[data-bs-theme="dark"] .spa-brand img.spa-logo-light,html[data-bs-theme="dark"] .spa-forgot-brand img.spa-logo-light,html[data-bs-theme="dark"] .spa-new-brand img.spa-logo-light{display:none!important}html[data-bs-theme="dark"] .spa-brand img.spa-logo-dark,html[data-bs-theme="dark"] .spa-forgot-brand img.spa-logo-dark,html[data-bs-theme="dark"] .spa-new-brand img.spa-logo-dark{display:block!important}.spa-logo-dark{display:none!important}html[data-bs-theme="dark"] .spa-logo-light{display:none!important}html[data-bs-theme="dark"] .spa-logo-dark{display:block!important}.spa-brand-fallback{display:flex;align-items:center;gap:10px;color:var(--spa-text);font-weight:900}.spa-brand-fallback span:first-child,.spa-forgot-fallback{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(var(--portal-accent-rgb,37,99,235),.11);color:var(--spa-accent);font-weight:900}.spa-heading{margin-bottom:14px}.spa-heading h1{margin:0;color:var(--spa-text);font-size:clamp(2.25rem,3.3vw,3.65rem);line-height:.96;letter-spacing:-.055em;font-weight:950}.spa-heading p{margin:7px 0 0;color:var(--spa-muted);font-size:.87rem}.spa-alert{border-radius:14px!important;margin-bottom:12px!important}.spa-muted{color:var(--spa-muted)!important}
.spa-form{display:block!important;width:100%!important;margin:0!important}.spa-form .form-label{display:block!important;margin:0 0 6px!important;color:var(--spa-text)!important;font-size:.78rem!important;font-weight:900!important}.spa-input{position:relative;display:flex;align-items:center;height:52px;border:1px solid var(--spa-line);border-radius:16px;background:var(--spa-input);transition:.16s ease}.spa-input:focus-within{border-color:var(--spa-accent);box-shadow:0 0 0 4px rgba(var(--portal-accent-rgb,37,99,235),.10)}.spa-input>i{width:42px;flex:0 0 42px;text-align:center;color:#8c9bb0}.spa-input input{min-width:0;flex:1;height:50px!important;padding:0 12px 0 0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--spa-text)!important;font-size:.94rem!important;box-shadow:none!important}.spa-input input::placeholder{color:#9aa7ba!important;opacity:1!important}.spa-eye{width:48px;height:50px;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#7a8aa2!important}.spa-eye:hover{color:var(--spa-accent)!important}.spa-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0 13px}.spa-options label{display:inline-flex;align-items:center;gap:7px;margin:0!important;color:var(--spa-text);font-size:.76rem;font-weight:850}.spa-options a{color:var(--spa-accent)!important;text-decoration:none!important;font-size:.76rem!important;font-weight:900!important}.spa-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spa-login-btn,.spa-signup-btn{position:relative;overflow:hidden;width:100%!important;height:54px!important;border-radius:17px!important;font-size:.93rem!important;font-weight:950!important;transition:transform .16s ease!important}.spa-login-btn{border:0!important;color:#fff!important;background:linear-gradient(90deg,var(--spa-accent),color-mix(in srgb,var(--spa-accent) 72%,#8ab0ff))!important}.spa-signup-btn{border:1px solid rgba(22,167,101,.48)!important;color:var(--spa-success)!important;background:color-mix(in srgb,var(--spa-success) 5%,var(--spa-surface))!important}.spa-login-btn:hover,.spa-signup-btn:hover{transform:translateY(-1px)}.spa-login-btn:active,.spa-signup-btn:active{transform:translateY(1px) scale(.995)}.spa-otp-actions{display:flex;justify-content:center;gap:8px;margin-top:8px}.spa-otp-actions form{margin:0}.spa-foot{margin-top:11px;padding-top:11px;border-top:1px solid var(--spa-line);display:flex;justify-content:space-between;gap:8px;color:var(--spa-muted);font-size:.65rem}.spa-foot i{color:var(--spa-accent)}.spa-provider{text-align:center;margin-top:9px;font-size:.67rem}.spa-provider a{color:var(--spa-muted);text-decoration:none}
.spa-theme-toggle{position:fixed;z-index:50;right:18px;top:16px;width:46px;height:46px;border-radius:15px;border:1px solid var(--spa-line);background:var(--spa-surface);color:var(--spa-text);box-shadow:0 10px 28px rgba(15,23,42,.08)}.spa-app-fab-form{position:fixed;z-index:50;right:18px;bottom:18px;margin:0}.spa-app-fab{width:56px;height:56px;border-radius:18px;border:1px solid rgba(var(--portal-accent-rgb,37,99,235),.2);background:var(--spa-surface);color:var(--spa-accent);font-size:1.35rem;box-shadow:0 16px 34px rgba(15,23,42,.12)}
.spa-signup-header{height:62px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--spa-line)}.spa-signup-frame{width:100%;height:calc(100% - 62px);border:0;background:var(--spa-bg)}
body.spa-forgot-body{background:radial-gradient(circle at 10% 10%,rgba(var(--portal-accent-rgb,37,99,235),.10),transparent 24%),linear-gradient(135deg,var(--spa-bg),var(--spa-bg2))!important}.spa-forgot-stage{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:14px}.spa-forgot-shell{width:min(920px,100%);min-height:520px;display:grid;grid-template-columns:.88fr 1.12fr;overflow:hidden;border:1px solid var(--spa-line);border-radius:28px;background:var(--spa-surface);box-shadow:var(--spa-shadow);animation:spaIn .35s ease-out}.spa-forgot-visual{padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(var(--portal-accent-rgb,37,99,235),.12),transparent 34%),color-mix(in srgb,var(--spa-surface) 88%,var(--spa-bg))}.spa-forgot-key{width:88px;height:88px;display:grid;place-items:center;margin-bottom:16px;border-radius:50%;background:linear-gradient(145deg,var(--spa-accent),color-mix(in srgb,var(--spa-accent) 65%,#73c7ff));color:#fff}.spa-forgot-key i{font-size:2rem}.spa-forgot-visual h2{margin:0;font-size:1.5rem;font-weight:950}.spa-forgot-visual p{max-width:300px;margin:8px 0 0;color:var(--spa-muted);font-size:.78rem}.spa-forgot-card{padding:30px;display:flex;flex-direction:column;justify-content:center}.spa-forgot-brand{min-height:48px;margin-bottom:14px}.spa-forgot-brand img{width:auto!important;height:auto!important;max-width:190px!important;max-height:54px!important;object-fit:contain!important}.spa-forgot-card h1{margin:0;color:var(--spa-text);font-size:2rem;font-weight:950}.spa-forgot-card>.desc{margin:7px 0 16px;color:var(--spa-muted);font-size:.83rem}.spa-reset-steps{display:flex;gap:7px;margin-bottom:16px}.spa-reset-step{flex:1;height:4px;border-radius:999px;background:var(--spa-line)}.spa-reset-step.active{background:var(--spa-accent)}.spa-forgot-card .spa-input{margin-bottom:12px}.spa-back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:var(--spa-muted)!important;text-decoration:none!important;font-size:.73rem;font-weight:850}
body.spa-new-body{padding:14px!important}.spa-new-shell{width:min(1080px,100%);margin:auto}.spa-new-card{overflow:hidden;border:1px solid var(--spa-line);border-radius:26px;background:var(--spa-surface);box-shadow:var(--spa-shadow)}.spa-new-head{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--spa-line)}.spa-new-brand{display:flex;align-items:center;gap:10px}.spa-new-brand img{width:auto!important;height:auto!important;max-width:170px!important;max-height:52px!important;object-fit:contain!important}.spa-new-brand .fallback{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(var(--portal-accent-rgb,37,99,235),.11);color:var(--spa-accent);font-weight:900}.spa-new-brand strong,.spa-new-brand small{display:block}.spa-new-brand small{color:var(--spa-muted);font-size:.72rem}.spa-new-form-wrap{padding:22px}.spa-new-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.spa-new-intro h1{margin:0;font-size:1.8rem;font-weight:950;color:var(--spa-text)}.spa-new-intro p{margin:6px 0 0;color:var(--spa-muted);font-size:.82rem}.spa-stepper{display:flex;gap:6px}.spa-step-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--spa-bg);color:var(--spa-muted);font-size:.72rem;font-weight:900}.spa-step-dot.active{background:var(--spa-accent);color:#fff}.spa-new-card .form-label{font-weight:800;color:var(--spa-text);font-size:.78rem}.spa-new-card .form-control,.spa-new-card .form-select{min-height:46px;border-radius:13px;border-color:var(--spa-line);background:var(--spa-input);color:var(--spa-text)}.spa-new-card textarea.form-control{min-height:90px}.spa-new-note{padding:12px;border-radius:13px;background:rgba(var(--portal-accent-rgb,37,99,235),.08);border:1px solid rgba(var(--portal-accent-rgb,37,99,235),.15);color:var(--spa-muted);font-size:.76rem}.required:after{content:" *";color:#ef4444}.spa-submit-request{max-width:250px}.spa-new-success{padding:50px 20px;text-align:center}.spa-new-success .icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:rgba(22,167,101,.12);color:var(--spa-success);font-size:1.8rem}.spa-new-success h2{font-weight:950}.spa-embedded{padding:0!important;background:var(--spa-surface)!important}.spa-embedded .spa-new-shell{width:100%}.spa-embedded .spa-new-card{border:0;border-radius:0;box-shadow:none;min-height:100dvh}
@keyframes spaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spaPoster{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:1050px){.spa-visual{padding:28px}.spa-pane{padding:24px 27px}.spa-title{font-size:clamp(2.35rem,4vw,3.8rem)}.spa-poster img,.spa-poster svg{max-height:315px!important}}
@media(max-width:860px){.spa-stage{padding:8px}.spa-orb{display:none}.spa-shell{width:min(100%,470px);height:calc(100dvh - 16px);min-height:0;border-radius:25px}.spa-visual{display:none}.spa-pane,.spa-signup-pane{width:100%;left:0;right:auto}.spa-pane{padding:16px 13px 12px;transform:none!important}.spa-signup-pane{z-index:5;transform:translateX(104%);opacity:1}.spa-shell.is-signup .spa-pane{transform:translateX(-104%)!important;opacity:1}.spa-shell.is-signup .spa-signup-pane{transform:translateX(0)}.spa-brand{min-height:44px;margin-bottom:7px}.spa-brand img{max-width:185px!important;max-height:50px!important}.spa-heading{margin-bottom:11px}.spa-heading h1{font-size:2.05rem}.spa-heading p{font-size:.81rem}.spa-input{height:48px}.spa-input input{height:46px!important;font-size:.9rem!important}.spa-login-btn,.spa-signup-btn{height:49px!important;font-size:.88rem!important}.spa-app-fab{width:49px!important;height:49px!important}.spa-forgot-shell{width:min(100%,500px);grid-template-columns:1fr;min-height:0}.spa-forgot-visual{display:none}.spa-forgot-card{padding:24px}.spa-new-intro{flex-direction:column}.spa-new-form-wrap{padding:16px}}
@media(max-width:430px){.spa-pane{padding:13px 10px 10px}.spa-brand img{max-width:168px!important}.spa-heading h1{font-size:1.88rem}.spa-actions{grid-template-columns:1fr}.spa-forgot-card{padding:20px}.spa-new-body{padding:8px!important}.spa-new-head{align-items:flex-start;flex-direction:column}.spa-signup-header{height:56px}.spa-signup-frame{height:calc(100% - 56px)}}