/* ACSY UX — accessible liquid-glass navigation and motion */
:root{--sm-cyan:#16d7d1;--sm-blue:#088cf5;--sm-violet:#8b7cf6;--sm-navy:#071a3b}
.acsy-brand-logo{display:block;width:116px;height:46px;object-fit:contain;object-position:center;background:transparent;filter:drop-shadow(0 7px 14px rgba(7,140,245,.14))}
.brand .acsy-brand-logo{flex:0 0 auto}.brand .acsy-brand-logo+span{min-width:0}.brand .acsy-brand-logo+span strong{font-size:14px;color:var(--sm-navy)}.brand .acsy-brand-logo+span small{max-width:245px;white-space:normal;line-height:1.35}
.login-story .brand .acsy-brand-logo+span strong{color:#fff!important}.login-story .brand .acsy-brand-logo+span small{color:rgba(255,255,255,.76)!important}.login-story .story-copy h1{color:#fff!important}.login-story .story-copy p{color:rgba(255,255,255,.82)!important}.login-story .story-stats strong{color:#fff!important}.login-story .story-stats small{color:rgba(255,255,255,.72)!important}
.tenant-profile-form{display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:7px;min-width:250px}.tenant-profile-form select{min-height:38px;padding:7px 30px 7px 10px;border:1px solid rgba(45,108,146,.13);border-radius:12px;background:rgba(255,255,255,.76);color:#17263b;font:700 10px Inter,system-ui,sans-serif;box-shadow:inset 0 1px 0 #fff}.tenant-profile-form .btn{min-height:38px}
@media(max-width:760px){.tenant-profile-form{min-width:230px}}
.c-brand .acsy-brand-logo{width:112px;height:44px}.acsy-brand-copy{display:grid;gap:2px}.acsy-brand-copy b{font:800 16px/1.1 Manrope,sans-serif;color:var(--sm-navy)}.acsy-brand-copy small{font-size:9px;line-height:1.25;color:#64758a;letter-spacing:.04em}
@media(max-width:700px){.acsy-brand-logo,.c-brand .acsy-brand-logo{width:84px;height:36px}.acsy-brand-copy small,.brand .acsy-brand-logo+span small{display:none}.brand .acsy-brand-logo+span strong{font-size:12px}}
.topbar{overflow:visible}.nav a{display:inline-flex;align-items:center;gap:7px}.nav svg,.portal-menu-button svg,.portal-mobile-menu svg,.portal-dock svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.portal-menu-button,.portal-mobile-menu,.portal-menu-scrim,.portal-dock{display:none}
.brand-mark{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--sm-cyan),var(--sm-blue) 62%,var(--sm-violet));box-shadow:0 14px 30px rgba(8,140,245,.24)}
.brand-mark:after{content:"";position:absolute;inset:-70% -25%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(24deg);animation:smShine 5.5s ease-in-out infinite}
.hero-card{background:linear-gradient(145deg,#061a38,#064b78 55%,#0aa9cf);box-shadow:0 30px 75px rgba(7,74,119,.22)}
.hero-card:before{content:"";position:absolute;inset:auto -12% -45% 35%;height:110%;border-radius:50%;background:radial-gradient(circle,rgba(31,224,208,.42),rgba(48,148,255,.15) 45%,transparent 70%);animation:smDrift 11s ease-in-out infinite alternate}
.panel,.side-card,.metric,.hero-card{transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease}.panel:hover,.side-card:hover,.metric:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.98);box-shadow:0 28px 75px rgba(23,69,111,.14),inset 0 1px 0 #fff}
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.75,.25,1)}[data-reveal].is-visible{opacity:1;transform:none}
.google-identity{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px;border:1px solid rgba(20,167,177,.16);border-radius:17px;background:linear-gradient(135deg,rgba(228,255,251,.72),rgba(235,246,255,.72))}.google-identity img{width:42px;height:42px;object-fit:cover;border-radius:14px;background:#fff}.google-identity span{min-width:0;flex:1}.google-identity b,.google-identity small{display:block}.google-identity b{font-size:12px}.google-identity small{margin-top:4px;color:#71849a;font-size:9px;overflow:hidden;text-overflow:ellipsis}.google-identity>i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#18c39d;color:#fff;font-style:normal;font-weight:900}
.c-google-btn{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;margin-bottom:14px;padding:12px 15px;border:1px solid rgba(49,69,91,.12);border-radius:17px;background:rgba(255,255,255,.78);color:#1d2a3b;text-decoration:none;box-shadow:0 12px 30px rgba(36,66,96,.08);transition:.22s}.c-google-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(36,66,96,.13)}.google-symbol{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-weight:900;border:5px solid #fff}.c-google-btn b{font-size:11px}.c-google-btn small{margin-top:2px;color:#7e8b9d;font-size:8px}.c-or{display:flex;align-items:center;gap:12px;margin:14px 0;color:#939eab;font-size:8px}.c-or:before,.c-or:after{content:"";height:1px;flex:1;background:rgba(43,61,82,.1)}
@keyframes smShine{0%,70%{transform:translateX(-160%) rotate(24deg)}100%{transform:translateX(160%) rotate(24deg)}}@keyframes smDrift{to{transform:translate3d(-35px,-12px,0) scale(1.07)}}
@media(max-width:700px){body.portal-menu-open{overflow:hidden}.shell{padding-bottom:90px}.portal-desktop-nav{display:none!important}.topbar .user-chip{margin-left:auto}.portal-menu-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.9);border-radius:13px;background:rgba(255,255,255,.68);color:#263a52}.portal-menu-scrim{display:block;position:fixed;inset:0;z-index:88;background:rgba(4,23,43,.25);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.28s}.portal-mobile-menu{display:block;position:fixed;z-index:90;left:12px;right:12px;bottom:12px;padding:16px;border-radius:25px;transform:translateY(calc(100% + 30px));opacity:0;visibility:hidden;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility .25s}.portal-menu-open .portal-menu-scrim{opacity:1;visibility:visible}.portal-menu-open .portal-mobile-menu{transform:none;opacity:1;visibility:visible}.portal-mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid rgba(46,65,84,.09)}.portal-mobile-head>button{width:36px;height:36px;border:0;border-radius:12px;background:rgba(29,49,69,.07);font-size:22px}.portal-mobile-menu nav{display:grid;gap:7px;padding-top:12px}.portal-mobile-menu nav a{display:flex;align-items:center;gap:13px;padding:12px;border-radius:16px;color:#52657c;text-decoration:none}.portal-mobile-menu nav a.active{color:#087cb9;background:linear-gradient(135deg,rgba(22,215,209,.12),rgba(8,140,245,.12))}.portal-mobile-menu nav a.danger{color:#a24555}.portal-mobile-menu nav svg{width:22px;height:22px}.portal-mobile-menu nav span{display:grid;gap:2px}.portal-mobile-menu nav b{font-size:12px}.portal-mobile-menu nav small{color:#8c99a8;font-size:8px}.portal-dock{display:flex;position:fixed;z-index:70;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);gap:5px;padding:7px;border-radius:19px}.portal-dock a,.portal-dock button{min-width:68px;display:grid;justify-items:center;gap:4px;padding:8px 12px;border:0;border-radius:13px;background:transparent;color:#74849a;text-decoration:none;font:800 8px Inter}.portal-dock a.active{color:#0787c8;background:linear-gradient(135deg,rgba(22,215,209,.12),rgba(8,140,245,.12))}.portal-dock svg{width:19px;height:19px}.cards{gap:9px}.metric{padding:16px}.headline h1{font-size:36px}.panel,.side-card{padding:18px}.table-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.brand-mark:after{display:none}[data-reveal]{opacity:1;transform:none}}

/* V9 registration and billing intelligence */
.signup-plan-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:25px 0 5px}.signup-plan-switch a{position:relative;display:grid;gap:5px;min-height:82px;padding:13px;border:1px solid rgba(32,61,86,.1);border-radius:18px;background:rgba(255,255,255,.48);color:#607287;text-decoration:none;transition:.25s ease}.signup-plan-switch a:hover{transform:translateY(-3px);background:rgba(255,255,255,.82);box-shadow:0 15px 35px rgba(28,105,145,.1)}.signup-plan-switch a.selected{border-color:#16bce0;background:linear-gradient(145deg,rgba(21,210,198,.15),rgba(28,142,242,.16),rgba(125,100,235,.12));box-shadow:inset 0 0 0 1px rgba(22,188,224,.22),0 16px 38px rgba(24,148,215,.13)}.signup-plan-switch span{font-size:10px;font-weight:800}.signup-plan-switch b{font-size:11px;color:#132336}.signup-plan-switch i{position:absolute;right:8px;top:8px;padding:4px 6px;border-radius:99px;background:#152839;color:#fff;font-size:6px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.payment-history{margin-top:24px}.payment-timeline{display:grid;gap:10px}.payment-item{display:grid;grid-template-columns:140px minmax(220px,1fr) 140px auto;gap:16px;align-items:center;padding:16px;border:1px solid rgba(42,77,103,.08);border-radius:20px;background:rgba(255,255,255,.46);transition:.22s ease}.payment-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.72);box-shadow:0 16px 38px rgba(41,86,113,.08)}.payment-state{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800}.payment-state i,.payment-legend i{width:9px;height:9px;border-radius:50%;background:#f2ae3d;box-shadow:0 0 0 6px rgba(242,174,61,.12)}.status-paid .payment-state i,.payment-legend i.paid{background:#20c58b;box-shadow:0 0 0 6px rgba(32,197,139,.12)}.status-expired .payment-state i,.status-failed .payment-state i,.payment-legend i.expired{background:#ec6678;box-shadow:0 0 0 6px rgba(236,102,120,.1)}.payment-main b,.payment-main small{display:block}.payment-main small,.payment-table small{margin-top:4px;color:#8392a3;font-size:9px}.payment-actions{display:flex;gap:7px;justify-content:flex-end}.btn.compact{min-height:36px;padding:8px 11px;border-radius:11px;font-size:9px}.payment-empty{display:grid;gap:5px;padding:28px;border:1px dashed rgba(39,74,100,.14);border-radius:20px;color:#77889a;text-align:center}.payment-legend{display:flex;align-items:center;gap:22px;margin-bottom:16px;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.5);font-size:9px;color:#708196}.payment-legend span{display:flex;align-items:center;gap:9px}.payment-legend i{display:inline-block;width:7px;height:7px;box-shadow:none}.payment-legend b{margin-left:auto;color:#264058}.payment-table td:last-child{min-width:120px}.payment-table td:last-child form{margin-bottom:6px}
@media(max-width:1000px){.signup-plan-switch{grid-template-columns:repeat(3,1fr)}.payment-item{grid-template-columns:120px 1fr auto}.payment-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:680px){.signup-plan-switch{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.signup-plan-switch a{min-width:145px;scroll-snap-align:start}.payment-item{grid-template-columns:1fr auto;gap:10px}.payment-state{grid-column:1/-1}.payment-main{min-width:0}.payment-main small{overflow-wrap:anywhere}.payment-actions{grid-column:1/-1}.payment-legend{overflow-x:auto}.payment-legend>*{white-space:nowrap}.payment-legend b{margin-left:0}}

.payment-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.payment-meta span{padding:5px 8px;border:1px solid rgba(44,83,111,.08);border-radius:999px;background:rgba(245,250,253,.72);color:#6d8094;font-size:7px;font-weight:700}.btn.compact.primary{border-color:transparent;background:linear-gradient(135deg,var(--sm-cyan),var(--sm-blue));color:#fff;box-shadow:0 9px 22px rgba(8,140,245,.18)}

/* V9.2 — premium payment intelligence */
.payment-admin-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,253,255,.7) 48%,rgba(251,247,255,.72));box-shadow:0 30px 80px rgba(43,78,111,.12),inset 0 1px 0 rgba(255,255,255,.95)}
.payment-admin-panel:before{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:-160px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(22,215,209,.16),rgba(8,140,245,.08) 46%,transparent 70%);animation:paymentAura 8s ease-in-out infinite alternate}
.payment-legend{border:1px solid rgba(255,255,255,.92);background:linear-gradient(120deg,rgba(255,255,255,.74),rgba(242,251,255,.64));box-shadow:0 12px 32px rgba(41,79,108,.06),inset 0 1px 0 #fff}
.payment-legend span{padding:6px 10px;border-radius:999px;transition:transform .22s ease,background .22s ease}.payment-legend span:hover{transform:translateY(-2px);background:rgba(255,255,255,.82)}
.payment-table{border-collapse:separate;border-spacing:0 7px}.payment-table thead th{border:0;padding:10px 12px;color:#73869a;letter-spacing:.08em}.payment-table thead th:before{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:7px;border:1px solid rgba(18,157,205,.12);border-radius:7px;background:linear-gradient(145deg,rgba(22,215,209,.12),rgba(8,140,245,.1));color:#078ecb;font-size:10px;font-weight:900;vertical-align:middle}
.payment-table thead th:nth-child(1):before{content:"#"}.payment-table thead th:nth-child(2):before{content:"◎"}.payment-table thead th:nth-child(3):before{content:"◇"}.payment-table thead th:nth-child(4):before{content:"Rp";font-size:7px}.payment-table thead th:nth-child(5):before{content:"✓"}.payment-table thead th:nth-child(6):before{content:"⌂"}.payment-table thead th:nth-child(7):before{content:"◷"}.payment-table thead th:nth-child(8):before{content:"↻"}
.payment-table tbody tr{opacity:0;transform:translateY(9px);animation:paymentRowIn .48s cubic-bezier(.2,.75,.25,1) forwards}.payment-table tbody tr:nth-child(2){animation-delay:.06s}.payment-table tbody tr:nth-child(3){animation-delay:.12s}.payment-table tbody tr:nth-child(4){animation-delay:.18s}.payment-table tbody tr:nth-child(5){animation-delay:.24s}
.payment-table tbody td{border-top:1px solid rgba(49,83,109,.065);border-bottom:1px solid rgba(49,83,109,.065);background:rgba(255,255,255,.48);transition:background .22s ease,transform .22s ease}.payment-table tbody td:first-child{border-left:1px solid rgba(49,83,109,.065);border-radius:15px 0 0 15px}.payment-table tbody td:last-child{border-right:1px solid rgba(49,83,109,.065);border-radius:0 15px 15px 0}.payment-table tbody tr:hover td{background:rgba(255,255,255,.88)}
.payment-table .badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.payment-table .badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#1fc78e;box-shadow:0 0 0 4px rgba(31,199,142,.12)}.payment-table .badge.warn:before{background:#f2ae3d;box-shadow:0 0 0 4px rgba(242,174,61,.12);animation:paymentPulse 1.8s ease-in-out infinite}.payment-table .badge.bad:before{background:#eb6478;box-shadow:0 0 0 4px rgba(235,100,120,.11)}
.payment-table td:nth-child(5)>small{display:none}.payment-table .btn.compact{display:inline-flex;align-items:center;gap:6px;border-color:rgba(44,79,106,.1);background:rgba(255,255,255,.76);box-shadow:0 8px 22px rgba(40,75,104,.07);transition:transform .22s ease,box-shadow .22s ease,color .22s ease}.payment-table .btn.compact:before{content:"↻";font-size:13px;color:#078fca;transition:transform .4s ease}.payment-table .btn.compact:hover{transform:translateY(-2px);color:#078fca;box-shadow:0 13px 28px rgba(8,140,202,.13)}.payment-table .btn.compact:hover:before{transform:rotate(180deg)}
.payment-table tr:has(.badge.bad) td:last-child form{display:none}.payment-table tr:has(.badge.bad) td:last-child:after{content:"✓ Status final";display:inline-flex;align-items:center;padding:8px 10px;border:1px solid rgba(73,113,99,.1);border-radius:11px;background:rgba(235,248,242,.7);color:#3c8068;font-size:8px;font-weight:800}
@keyframes paymentRowIn{to{opacity:1;transform:none}}@keyframes paymentAura{to{transform:translate3d(-42px,24px,0) scale(1.12)}}@keyframes paymentPulse{50%{box-shadow:0 0 0 7px rgba(242,174,61,.04)}}
@media(max-width:760px){.payment-table{border-spacing:0}.payment-table thead th:before{display:none}.payment-table tbody td{border-radius:0!important}.payment-table tbody tr{animation:none;opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.payment-admin-panel:before,.payment-table tbody tr,.payment-table .badge.warn{animation:none}.payment-table tbody tr{opacity:1;transform:none}}

/* V9.3 — unified iOS-style liquid navigation */
.c-nav{isolation:isolate;overflow:hidden;border-color:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(27,69,104,.11),inset 0 1px 0 #fff;transition:box-shadow .28s ease,transform .28s ease}
.c-nav:before{content:"";position:absolute;z-index:-1;inset:-90% 35% auto -15%;height:180%;background:radial-gradient(circle,rgba(22,215,209,.14),rgba(8,140,245,.07) 45%,transparent 70%);pointer-events:none;animation:navAura 9s ease-in-out infinite alternate}
.c-nav nav a,.c-link{display:inline-flex;align-items:center;gap:7px;position:relative;overflow:hidden}
.c-nav nav svg,.c-link svg,.c-nav-cta svg,.c-mobile-dock svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.c-nav nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--sm-cyan),var(--sm-blue),var(--sm-violet));opacity:0;transform:scaleX(.35);transition:.24s ease}
.c-nav nav a:hover,.c-nav nav a.is-active{background:linear-gradient(135deg,rgba(22,215,209,.1),rgba(8,140,245,.09),rgba(124,100,235,.08));color:#087fbd;box-shadow:inset 0 0 0 1px rgba(18,172,218,.08)}
.c-nav nav a:hover:after,.c-nav nav a.is-active:after{opacity:1;transform:scaleX(1)}
.c-link:hover{color:#087fbd;background:rgba(255,255,255,.64)}
.c-nav-cta{position:relative;overflow:hidden}.c-nav-cta:after{content:"";position:absolute;inset:-80% auto -80% -45%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(20deg);animation:navShine 4.8s ease-in-out infinite}
.c-mobile-dock{display:none}.c-mobile-dock a{position:relative;overflow:hidden}.dock-ripple{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:rgba(255,255,255,.7);pointer-events:none;animation:dockRipple .52s ease-out forwards}
@keyframes navAura{to{transform:translate3d(55px,10px,0) scale(1.08)}}
@keyframes navShine{0%,68%{left:-55%}100%{left:130%}}
@keyframes dockRipple{to{transform:scale(18);opacity:0}}

@media(max-width:700px){
 html,body{max-width:100%;overflow-x:hidden}.shell,.main,.content,.panel,.side-card,.cards{min-width:0;max-width:100%}.shell{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.portal-desktop-nav{display:none!important}.topbar .user-chip{margin-left:auto}.portal-menu-button{display:none!important}
 .portal-menu-scrim{display:block;position:fixed;inset:0;z-index:88;background:rgba(4,23,43,.27);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.28s}
 .portal-mobile-menu{display:block;position:fixed;z-index:90;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));max-height:min(68vh,590px);overflow:auto;padding:16px;border-radius:27px;border:1px solid rgba(255,255,255,.94);background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(241,250,255,.8) 55%,rgba(250,244,255,.78));box-shadow:0 30px 80px rgba(14,50,83,.25),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(34px) saturate(180%);backdrop-filter:blur(34px) saturate(180%);transform:translateY(calc(100% + 120px)) scale(.97);transform-origin:bottom;opacity:0;visibility:hidden;transition:transform .36s cubic-bezier(.2,.86,.2,1),opacity .24s,visibility .24s}
 .portal-menu-open .portal-menu-scrim{opacity:1;visibility:visible}.portal-menu-open .portal-mobile-menu{transform:none;opacity:1;visibility:visible}
 .portal-mobile-menu nav a{transition:transform .2s ease,background .2s ease}.portal-mobile-menu nav a:active{transform:scale(.98)}
 .portal-dock{display:flex!important;position:fixed;z-index:87;left:max(9px,env(safe-area-inset-left))!important;right:max(9px,env(safe-area-inset-right))!important;bottom:max(9px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:430px;margin-inline:auto;transform:none!important;justify-content:space-around;gap:4px;padding:7px;border:1px solid rgba(255,255,255,.94);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(237,249,255,.72) 55%,rgba(247,240,255,.7));box-shadow:0 22px 55px rgba(21,65,100,.22),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(30px) saturate(185%);backdrop-filter:blur(30px) saturate(185%)}
 .portal-dock:before{content:"";position:absolute;z-index:-1;inset:7px 30%;border-radius:50%;background:rgba(21,199,221,.18);filter:blur(18px);pointer-events:none}
 .portal-dock a,.portal-dock button{flex:1;min-width:0!important;max-width:125px;display:grid;place-items:center;gap:4px;padding:8px 5px!important;border:0;border-radius:17px!important;background:transparent;color:#74849a;text-decoration:none;font:800 8px Inter;transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}
 .portal-dock a.active{color:#fff!important;background:linear-gradient(135deg,var(--sm-cyan),var(--sm-blue) 62%,var(--sm-violet))!important;box-shadow:0 11px 25px rgba(8,140,245,.24),inset 0 1px 0 rgba(255,255,255,.35)}.portal-dock a:active,.portal-dock button:active{transform:scale(.94)}.portal-dock svg{width:20px;height:20px}
 .table-wrap{max-width:100%;overflow-x:auto}.headline h1{overflow-wrap:anywhere}
}

@media(max-width:720px){
 body:has(.c-mobile-dock){padding-bottom:calc(92px + env(safe-area-inset-bottom))}.c-wrap{max-width:100%;overflow:clip}.c-nav{padding:9px 10px 9px 12px;border-radius:20px}.c-nav .c-brand small{display:none}.c-nav .c-brand b{font-size:15px}.c-nav .c-mark{width:36px;height:36px}.c-nav-actions .c-link{display:none!important}.c-nav-cta{min-height:40px;padding:10px 13px;border-radius:13px}.c-nav-cta svg{width:15px;height:15px}
 .c-mobile-dock{display:flex;position:fixed;z-index:85;left:max(9px,env(safe-area-inset-left));right:max(9px,env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom));width:auto;max-width:430px;margin-inline:auto;justify-content:space-around;gap:4px;padding:7px;border-color:rgba(255,255,255,.94);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(233,249,255,.74) 55%,rgba(247,240,255,.72));box-shadow:0 23px 58px rgba(18,67,105,.24),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%)}
 .c-mobile-dock:before{content:"";position:absolute;z-index:-1;inset:8px 28%;border-radius:50%;background:rgba(18,203,218,.2);filter:blur(18px)}
 .c-mobile-dock a{flex:1;min-width:0;display:grid;place-items:center;gap:4px;padding:8px 4px;border-radius:17px;color:#718196;text-decoration:none;font-size:8px;font-weight:800;transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}.c-mobile-dock a:active{transform:scale(.94)}.c-mobile-dock a.active{color:#fff;background:linear-gradient(135deg,var(--sm-cyan),var(--sm-blue) 62%,var(--sm-violet));box-shadow:0 11px 25px rgba(8,140,245,.25),inset 0 1px 0 rgba(255,255,255,.35)}.c-mobile-dock svg{width:20px;height:20px}.c-mobile-dock span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .c-footer{padding-bottom:25px}
}
@media(max-width:390px){.c-nav-cta span{display:none}.c-nav-cta{width:42px;padding:0}.c-nav .c-brand{gap:7px}.c-mobile-dock a{padding-inline:2px}}
@media(prefers-reduced-motion:reduce){.c-nav:before,.c-nav-cta:after{animation:none}.portal-mobile-menu,.portal-dock a,.portal-dock button,.c-mobile-dock a{transition:none}}

/* V10 — embedded DOKU checkout and payment completion */
.checkout-hosted-page,.thankyou-page{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#f4fbff 0%,#eef8ff 42%,#f8f5ff 72%,#fff8f2 100%);color:#12233d}.checkout-aurora{position:fixed;inset:0;pointer-events:none;overflow:hidden}.checkout-aurora i{position:absolute;width:38vw;height:38vw;border-radius:50%;filter:blur(65px);opacity:.2;animation:checkout-drift 14s ease-in-out infinite}.checkout-aurora i:first-child{left:-12vw;bottom:-18vw;background:#14d8ca}.checkout-aurora i:nth-child(2){right:-14vw;top:-17vw;background:#1b8ff5;animation-delay:-5s}.checkout-aurora i:nth-child(3){left:42%;top:34%;background:#8167ed;animation-delay:-9s}.checkout-hosted-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:auto;padding:22px 0 52px}.checkout-hosted-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-radius:23px}.checkout-hosted-nav>span{display:flex;align-items:center;gap:8px;color:#497086;font-size:11px;font-weight:800}.checkout-hosted-nav>span i{width:8px;height:8px;border-radius:50%;background:#21c990;box-shadow:0 0 0 6px rgba(33,201,144,.12)}.checkout-hosted-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch;margin-top:52px}.checkout-order,.checkout-launch{position:relative;padding:38px;border-radius:34px;overflow:hidden}.checkout-order h1{margin:10px 0 8px;font:800 clamp(34px,5vw,58px)/1 Manrope;letter-spacing:-.06em}.checkout-order>p,.checkout-launch>p{color:#6f8198;font-size:13px;line-height:1.65}.checkout-kicker{color:#078ec9;font-size:9px;font-weight:800;letter-spacing:.16em}.checkout-total{display:flex;justify-content:space-between;align-items:end;margin:30px 0 18px;padding:21px;border:1px solid rgba(22,132,193,.1);border-radius:22px;background:linear-gradient(135deg,rgba(18,210,202,.1),rgba(20,139,243,.09),rgba(126,101,237,.08))}.checkout-total span{color:#61758c;font-size:10px}.checkout-total strong{font:800 clamp(25px,3vw,38px) Manrope;letter-spacing:-.05em}.checkout-detail{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px 18px;padding:5px}.checkout-detail span{color:#8291a2;font-size:10px}.checkout-detail b{overflow-wrap:anywhere;text-align:right;font-size:10px}.checkout-trust{display:grid;gap:9px;margin-top:25px;color:#4f7181;font-size:10px}.checkout-launch{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(225,247,255,.58) 48%,rgba(239,231,255,.55))}.checkout-orbit{position:relative;width:104px;height:104px;display:grid;place-items:center;margin-bottom:26px}.checkout-orbit span{position:relative;z-index:2;width:62px;height:62px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#12d4cb,#168ef4 63%,#8068ec);color:#fff;box-shadow:0 20px 44px rgba(17,143,231,.28);animation:checkout-float 4s ease-in-out infinite}.checkout-orbit svg{width:26px;fill:none;stroke:currentColor;stroke-width:1.8}.checkout-orbit i{position:absolute;inset:4px;border:1px solid rgba(14,159,220,.22);border-radius:50%;animation:checkout-ring 3s ease-out infinite}.checkout-orbit i:nth-child(3){inset:-10px;animation-delay:1.5s}.checkout-launch h2{max-width:470px;margin:6px 0 10px;font:800 clamp(28px,4vw,46px)/1.06 Manrope;letter-spacing:-.055em}.checkout-open{width:min(100%,390px);margin-top:20px;justify-content:space-between}.checkout-message{min-height:19px;margin:13px 0 0!important;font-size:9px!important}.checkout-fallback{color:#71849a;font-size:9px}.thankyou-page{display:grid;place-items:center;padding:32px 16px}.thankyou-card{position:relative;z-index:1;width:min(680px,100%);padding:46px;border-radius:38px;text-align:center}.thankyou-brand{position:absolute;left:26px;top:22px}.thankyou-symbol{position:relative;width:128px;height:128px;display:grid;place-items:center;margin:42px auto 25px}.thankyou-symbol span{position:relative;z-index:2;width:80px;height:80px;display:grid;place-items:center;border-radius:29px;background:linear-gradient(135deg,#20c995,#13bdbc 42%,#168ff2);color:#fff;font:800 38px Manrope;box-shadow:0 22px 52px rgba(19,170,184,.28);animation:success-pop .7s cubic-bezier(.2,1.6,.45,1)}.status-pending .thankyou-symbol span{background:linear-gradient(135deg,#f1b443,#df8d28);animation:checkout-spin 2s linear infinite}.status-failed .thankyou-symbol span,.status-expired .thankyou-symbol span,.status-refunded .thankyou-symbol span,.status-unknown .thankyou-symbol span{background:linear-gradient(135deg,#ef7181,#d94862)}.thankyou-symbol i{position:absolute;inset:9px;border:1px solid rgba(20,188,190,.22);border-radius:50%;animation:checkout-ring 2.8s ease-out infinite}.thankyou-symbol i:nth-child(3){inset:-8px;animation-delay:1.4s}.thankyou-symbol b{position:absolute;width:7px;height:7px;border-radius:50%;background:#12cfc4;animation:confetti-float 2.8s ease-in-out infinite}.thankyou-symbol b:nth-of-type(1){left:3px;top:32px}.thankyou-symbol b:nth-of-type(2){right:0;top:46px;background:#7569ed;animation-delay:-.8s}.thankyou-symbol b:nth-of-type(3){left:28px;bottom:0;background:#f1ae3d;animation-delay:-1.5s}.thankyou-card h1{margin:11px 0;font:800 clamp(36px,6vw,58px)/1 Manrope;letter-spacing:-.065em}.thankyou-card>p{max-width:520px;margin:0 auto;color:#6d7f95;line-height:1.7}.thankyou-receipt{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:28px 0;padding:1px;border-radius:22px;background:rgba(32,74,104,.08);overflow:hidden;text-align:left}.thankyou-receipt div{display:grid;gap:4px;padding:15px 17px;background:rgba(255,255,255,.7)}.thankyou-receipt span{color:#8392a3;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.thankyou-receipt b{overflow-wrap:anywhere;font-size:11px}.thankyou-card .c-actions{justify-content:center}.thankyou-live{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:18px;color:#71859a}.thankyou-live i{width:7px;height:7px;border-radius:50%;background:#18c595;box-shadow:0 0 0 5px rgba(24,197,149,.12);animation:checkout-pulse 1.4s infinite}
@keyframes checkout-drift{50%{transform:translate3d(5vw,-3vw,0) scale(1.12)}}@keyframes checkout-float{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes checkout-ring{0%{transform:scale(.72);opacity:0}35%{opacity:1}100%{transform:scale(1.18);opacity:0}}@keyframes success-pop{0%{transform:scale(.35) rotate(-18deg);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes checkout-spin{to{transform:rotate(360deg)}}@keyframes confetti-float{50%{transform:translateY(-12px) scale(1.35)}}@keyframes checkout-pulse{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:820px){.checkout-hosted-grid{grid-template-columns:1fr;margin-top:24px}.checkout-order,.checkout-launch{padding:26px;border-radius:27px}.checkout-launch{min-height:420px}.checkout-hosted-nav>span{font-size:0}.thankyou-card{padding:38px 22px 28px}.thankyou-brand{position:static;justify-content:center;margin-bottom:14px}.thankyou-symbol{margin-top:15px}.thankyou-receipt{grid-template-columns:1fr}.thankyou-card .c-actions{display:grid}.thankyou-card .c-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.checkout-aurora i,.checkout-orbit span,.checkout-orbit i,.thankyou-symbol span,.thankyou-symbol i,.thankyou-symbol b,.thankyou-live i{animation:none!important}}