/* Click Plus Final UI */
:root{
  --cp-bg:#03111f;--cp-bg2:#061c30;--cp-panel:rgba(8,29,49,.78);--cp-panel2:rgba(9,39,67,.82);
  --cp-line:rgba(91,177,255,.18);--cp-blue:#24a7ff;--cp-blue2:#086ec8;--cp-orange:#ff8a1b;--cp-gold:#ffbf4b;
  --cp-text:#f5fbff;--cp-muted:#8ca7bb;--cp-green:#30d69a;--cp-red:#ff6577;--cp-shadow:0 24px 70px rgba(0,0,0,.34);
}
html{background:#03111f!important}body{background:
 radial-gradient(circle at 14% 6%,rgba(36,167,255,.18),transparent 24%),
 radial-gradient(circle at 88% 10%,rgba(255,138,27,.13),transparent 22%),
 linear-gradient(145deg,#03111f 0%,#05192b 45%,#061b2f 100%)!important;color:var(--cp-text)!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important}
body:before{content:""!important;position:fixed!important;inset:-24%!important;pointer-events:none!important;z-index:-2!important;background:
 conic-gradient(from 220deg at 50% 50%,transparent 0 62%,rgba(36,167,255,.05) 68%,transparent 74%),
 radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(36,167,255,.045) 43%,transparent 44% 52%,rgba(255,138,27,.04) 53%,transparent 54%)!important;animation:cpOrbit 18s linear infinite!important}
@keyframes cpOrbit{to{transform:rotate(360deg)}}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
*{scrollbar-color:#155a8a #071827;scrollbar-width:thin}a{text-decoration:none}.muted{color:var(--cp-muted)!important}
.btn{border:1px solid var(--cp-line)!important;background:linear-gradient(180deg,rgba(13,48,78,.94),rgba(7,28,47,.94))!important;color:#eaf8ff!important;border-radius:14px!important;padding:10px 14px!important;font-weight:850!important;box-shadow:0 10px 24px rgba(0,0,0,.12);transition:.2s ease!important}
.btn:hover{transform:translateY(-1px);border-color:rgba(36,167,255,.48)!important;box-shadow:0 14px 30px rgba(0,94,160,.16)!important}.btn-primary{background:linear-gradient(135deg,var(--cp-blue2),var(--cp-blue) 60%,#39bdff)!important;color:white!important;border:1px solid rgba(111,209,255,.45)!important;box-shadow:0 14px 35px rgba(0,138,231,.25)!important}.btn-danger{background:linear-gradient(135deg,#45151e,#6a1e2b)!important;border-color:#8a2d3c!important;color:#ffd7dd!important}.btn-green{background:linear-gradient(135deg,#0c3b2b,#126144)!important;border-color:#2b8f69!important;color:#c6ffe9!important}
.input,.select,textarea{background:rgba(3,17,31,.72)!important;color:#f4fbff!important;border:1px solid rgba(110,182,230,.22)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);outline:none!important}.input:focus,.select:focus,textarea:focus{border-color:rgba(36,167,255,.72)!important;box-shadow:0 0 0 4px rgba(36,167,255,.09)!important}
.panel,.card,.stat,.week-card,.order,.profile-card{background:linear-gradient(145deg,rgba(9,35,59,.88),rgba(5,22,38,.94))!important;border:1px solid var(--cp-line)!important;box-shadow:var(--cp-shadow)!important;backdrop-filter:blur(18px)!important}
.panel,.stat,.card,.week-card,.order{border-radius:20px!important}.ph{border-bottom:1px solid rgba(98,176,230,.13)!important}.badge,.status{border-radius:999px!important}.ok{background:rgba(32,168,113,.13)!important;color:#86f1c2!important;border-color:rgba(48,214,154,.32)!important}.off{background:rgba(255,82,106,.12)!important;color:#ffabb6!important;border-color:rgba(255,101,119,.3)!important}.wait{background:rgba(255,180,54,.12)!important;color:#ffd182!important;border-color:rgba(255,191,75,.3)!important}.info{background:rgba(36,167,255,.12)!important;color:#9bdcff!important;border-color:rgba(36,167,255,.32)!important}
.money.plus,.plus{color:#57eab0!important}.money.minus,.minus{color:#ff8898!important}.money.floor,.floor{color:#ffd176!important}.callout{background:linear-gradient(135deg,rgba(12,44,72,.86),rgba(24,34,50,.86))!important;border:1px solid rgba(36,167,255,.22)!important;color:#d9efff!important;border-radius:16px!important}.dangerbox{background:rgba(80,20,32,.45)!important;border-color:rgba(255,101,119,.35)!important;color:#ffc2ca!important}
.toast{background:rgba(5,24,40,.94)!important;border:1px solid rgba(36,167,255,.24)!important;border-radius:16px!important;backdrop-filter:blur(18px)!important;box-shadow:var(--cp-shadow)!important}.spinner{border-top-color:var(--cp-blue)!important}
/* Disable legacy visual layer */
#clawFX,.claw,.slash,.sound-toggle{display:none!important}.brand img.click-signature{filter:none!important;transform:none!important}

/* CAPTAIN — premium mobile wallet */
body{padding-bottom:env(safe-area-inset-bottom)!important}.login{min-height:100dvh!important;padding:18px!important;display:grid!important;place-items:center!important}.login-card{width:min(460px,96vw)!important;padding:26px 22px 24px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(9,37,62,.94),rgba(3,18,31,.98))!important;border:1px solid rgba(81,181,250,.2)!important;box-shadow:0 36px 95px rgba(0,0,0,.5)!important;overflow:hidden!important;position:relative!important}.login-card:before{content:"";position:absolute;inset:-170px -120px auto auto;width:340px;height:340px;border:40px solid rgba(36,167,255,.08);border-radius:50%}.login-card:after{content:"";position:absolute;inset:auto auto -180px -140px;width:330px;height:330px;border:34px solid rgba(255,138,27,.06);border-radius:50%}.login-card>*{position:relative;z-index:1}.login-card .logo{width:220px!important;height:220px!important;object-fit:cover!important;border-radius:30px!important;margin:auto!important;box-shadow:0 25px 60px rgba(0,0,0,.36)!important}.login-badge{display:none!important}.kicker{color:#71cfff!important;letter-spacing:2.8px!important;font-weight:900!important;font-size:10px!important;margin-top:18px!important}.login-card h1{font-size:34px!important;margin:4px 0 2px!important}.login-sub{color:#a9c4d7!important}.login-foot{color:#6f91a8!important}.top{height:72px!important;background:rgba(3,18,31,.86)!important;border-bottom:1px solid rgba(74,157,214,.16)!important;backdrop-filter:blur(22px)!important}.brand img{width:48px!important;height:48px!important;object-fit:cover!important;border-radius:14px!important}.brand b{color:var(--cp-orange)!important}.iconbtn{background:rgba(8,38,64,.92)!important;border-color:rgba(75,166,226,.2)!important;border-radius:14px!important}.wrap{max-width:1160px!important;padding:18px 14px 110px!important}.hero{border-radius:28px!important;padding:22px!important;background:linear-gradient(135deg,rgba(8,52,88,.96),rgba(4,28,48,.96) 62%,rgba(93,45,9,.72))!important;border:1px solid rgba(75,171,237,.2)!important;box-shadow:0 28px 80px rgba(0,0,0,.26)!important}.hero:after{content:""!important;background:url('/assets/click-plus-logo.webp') center/cover no-repeat!important;width:230px!important;height:230px!important;left:-32px!important;bottom:-80px!important;opacity:.11!important;border-radius:36px!important;filter:saturate(1.1)!important}.hero h1{font-size:clamp(27px,6vw,40px)!important}.balance-card{background:linear-gradient(145deg,rgba(4,23,39,.86),rgba(11,48,78,.84))!important;border:1px solid rgba(72,163,224,.18)!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important}.balance{font-size:44px!important;letter-spacing:-1px!important}.stats{gap:11px!important}.stat{min-height:100px!important}.panel{border-radius:24px!important}.bottom-nav{background:rgba(3,18,31,.92)!important;border:1px solid rgba(68,158,219,.18)!important;box-shadow:0 20px 60px rgba(0,0,0,.38)!important;backdrop-filter:blur(24px)!important;border-radius:24px!important}.bottom-nav button.active{background:linear-gradient(135deg,#0876cf,#22a8ff)!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,126,214,.22)!important}.install-fab{background:linear-gradient(135deg,#ff8a1b,#ffbd55)!important;color:#1f1305!important;border:0!important;box-shadow:0 16px 34px rgba(255,138,27,.24)!important}.profile-card img{width:94px!important;height:94px!important;object-fit:cover!important;border-radius:24px!important}
@media(max-width:600px){.login-card .logo{width:190px!important;height:190px!important}.hero{padding:18px!important}.balance{font-size:38px!important}.stats{grid-template-columns:1fr 1fr!important}.bottom-nav{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important}}

/* ===== Click Plus Final Motion System v4 ===== */
:root{--cp-ease:cubic-bezier(.22,.78,.22,1);--cp-fast:260ms;--cp-mid:520ms}
.sound-toggle{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(81,181,250,.22)!important;background:linear-gradient(145deg,rgba(9,45,76,.96),rgba(4,25,43,.96))!important;color:#dff5ff!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;backdrop-filter:blur(16px)!important;font-size:16px!important;transition:transform var(--cp-fast) var(--cp-ease),border-color var(--cp-fast)!important}.sound-toggle:hover{transform:translateY(-2px)!important;border-color:rgba(36,167,255,.55)!important}.sound-toggle.off{opacity:.55!important}.captain-app-ready .sound-toggle{position:static!important;inset:auto!important;margin-right:auto!important}.login>.sound-toggle,.captain-onboarding .sound-toggle{position:fixed!important;top:max(14px,env(safe-area-inset-top))!important;left:14px!important;z-index:120!important}
#clickFlowFX{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(2,20,35,.18),rgba(1,9,17,.72));backdrop-filter:blur(0);transition:opacity .18s ease}#clickFlowFX.go{opacity:1;animation:cpFlowFade .56s var(--cp-ease) both}#clickFlowFX.login.go{animation-duration:.9s}.cp-flow-orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid transparent;transform:translate(-50%,-50%) scale(.35);opacity:0}.cp-flow-orbit-a{width:82vmax;height:82vmax;border-top-color:#24a7ff;border-right-color:#24a7ff66;box-shadow:0 -8px 60px #24a7ff44}.cp-flow-orbit-b{width:64vmax;height:64vmax;border-bottom-color:#ff8a1b;border-left-color:#ff8a1b55;box-shadow:0 8px 60px #ff8a1b33}.go .cp-flow-orbit-a{animation:cpOrbitBurst .52s var(--cp-ease) both}.go .cp-flow-orbit-b{animation:cpOrbitBurst .52s .05s var(--cp-ease) reverse both}.cp-flow-streak{position:absolute;width:140%;height:2px;left:-20%;top:50%;opacity:0;transform:rotate(-7deg) translateX(60%);background:linear-gradient(90deg,transparent 0,#24a7ff 38%,#b7e9ff 50%,#ff9b35 64%,transparent 100%);box-shadow:0 0 18px #24a7ff,0 0 38px #ff8a1b55}.cp-flow-streak-b{top:58%;transform:rotate(7deg) translateX(-60%)}.go .cp-flow-streak-a{animation:cpStreak .42s .02s var(--cp-ease) both}.go .cp-flow-streak-b{animation:cpStreakBack .42s .06s var(--cp-ease) both}.cp-flow-mark{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.78)}.cp-flow-mark img{width:min(190px,38vw);aspect-ratio:1;object-fit:cover;border-radius:34px;box-shadow:0 30px 90px #000a,0 0 50px #24a7ff33}.login.go .cp-flow-mark{animation:cpMark .72s .08s var(--cp-ease) both}@keyframes cpFlowFade{0%{opacity:0}18%{opacity:1}68%{opacity:.96}100%{opacity:0}}@keyframes cpOrbitBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.28) rotate(-40deg)}35%{opacity:.95}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08) rotate(20deg)}}@keyframes cpStreak{0%{opacity:0;transform:rotate(-7deg) translateX(65%) scaleX(.35)}35%{opacity:1}100%{opacity:0;transform:rotate(-7deg) translateX(-45%) scaleX(1)}}@keyframes cpStreakBack{0%{opacity:0;transform:rotate(7deg) translateX(-65%) scaleX(.35)}35%{opacity:1}100%{opacity:0;transform:rotate(7deg) translateX(45%) scaleX(1)}}@keyframes cpMark{0%{opacity:0;transform:scale(.68) rotate(-3deg)}38%{opacity:1;transform:scale(1.03)}70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}
.section.active{will-change:transform,opacity}.section.cp-enter{animation:cpPageIn .5s var(--cp-ease) both}.section.cp-leave{animation:cpPageOut .18s ease both;pointer-events:none}@keyframes cpPageIn{from{opacity:0;transform:translate3d(0,20px,0) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes cpPageOut{to{opacity:0;transform:translate3d(0,-8px,0) scale(.992)}}
.section.cp-enter .hero,.section.cp-enter .panel,.section.cp-enter .stat,.section.cp-enter .order,.section.cp-enter .week-card{animation:cpCardLift .52s var(--cp-ease) both}.section.cp-enter .stat:nth-child(2),.section.cp-enter .order:nth-child(2){animation-delay:.04s}.section.cp-enter .stat:nth-child(3),.section.cp-enter .order:nth-child(3){animation-delay:.08s}.section.cp-enter .stat:nth-child(4),.section.cp-enter .order:nth-child(4){animation-delay:.12s}@keyframes cpCardLift{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.tabs{overflow:visible!important}.tabs button{position:relative!important;overflow:hidden!important;transition:transform .28s var(--cp-ease),color .28s,background .28s!important}.tabs button:before{content:"";position:absolute;left:20%;right:20%;bottom:3px;height:2px;border-radius:99px;background:linear-gradient(90deg,#24a7ff,#ff9a35);opacity:0;transform:scaleX(.2);transition:.3s var(--cp-ease)}.tabs button.active{transform:translateY(-2px)!important}.tabs button.active:before{opacity:1;transform:scaleX(1)}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;inset:-45%;z-index:-1;background:conic-gradient(from 210deg,transparent 0 62%,rgba(36,167,255,.14) 69%,transparent 76%,rgba(255,138,27,.12) 88%,transparent 94%);animation:cpHeroOrbit 16s linear infinite}@keyframes cpHeroOrbit{to{transform:rotate(360deg)}}
.balance-card,.stat,.panel,.order,.week-card{transition:transform .28s var(--cp-ease),border-color .28s,box-shadow .28s!important}.balance-card:hover,.stat:hover,.order:hover,.week-card:hover{transform:translateY(-3px);border-color:rgba(88,190,255,.34)!important;box-shadow:0 22px 60px rgba(0,0,0,.3),0 0 0 1px rgba(36,167,255,.04) inset!important}
.brand img.click-signature,.logo.click-signature{transform:scale(.96) rotate(-1deg)!important;filter:drop-shadow(0 0 20px #24a7ff88) drop-shadow(0 0 26px #ff8a1b55)!important}.login-card{animation:cpLoginCard .7s var(--cp-ease) both}.login-card .logo{animation:cpLogoFloat 5s ease-in-out infinite!important}@keyframes cpLoginCard{from{opacity:0;transform:translateY(24px) scale(.97);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes cpLogoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.5deg)}}
@media(max-width:600px){.tabs{gap:3px!important}.tabs button{font-size:9px!important;padding:8px 4px!important}.tabs button span{font-size:19px!important}.top{padding-inline:10px!important}.brand{min-width:0}.brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#clickFlowFX{display:none!important}}


/* ===== Click Plus Motion System v4.1 — no Tiger visual remnants ===== */
.login-btn:after{
  content:""!important;position:absolute!important;left:18px!important;top:50%!important;width:34px!important;height:14px!important;
  transform:translateY(-50%)!important;opacity:.95!important;border-radius:999px!important;
  background:linear-gradient(90deg,transparent 0%,#b9eaff 36%,#24a7ff 58%,#ff9b35 100%)!important;
  clip-path:polygon(0 42%,70% 42%,70% 12%,100% 50%,70% 88%,70% 58%,0 58%)!important;
  filter:drop-shadow(0 0 8px rgba(36,167,255,.75)) drop-shadow(0 0 10px rgba(255,138,27,.4))!important;
  animation:cpLoginArrow 1.9s var(--cp-ease) infinite!important
}
@keyframes cpLoginArrow{0%,100%{transform:translateY(-50%) translateX(0);opacity:.62}50%{transform:translateY(-50%) translateX(-5px);opacity:1}}

#clickFlowFX.back .cp-flow-streak-a{animation-name:cpStreakBack!important}
#clickFlowFX.back .cp-flow-streak-b{animation-name:cpStreak!important}
#clickFlowFX.back .cp-flow-orbit-a{animation-direction:reverse!important}
#clickFlowFX.back .cp-flow-orbit-b{animation-direction:normal!important}

.section.cp-enter-forward{animation:cpPageInForward .48s var(--cp-ease) both!important}
.section.cp-leave-forward{animation:cpPageOutForward .18s ease both!important}
.section.cp-enter-back{animation:cpPageInBack .48s var(--cp-ease) both!important}
.section.cp-leave-back{animation:cpPageOutBack .18s ease both!important}
@keyframes cpPageInForward{from{opacity:0;transform:translate3d(-28px,10px,0) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes cpPageOutForward{to{opacity:0;transform:translate3d(18px,-4px,0) scale(.992);filter:blur(2px)}}
@keyframes cpPageInBack{from{opacity:0;transform:translate3d(28px,10px,0) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes cpPageOutBack{to{opacity:0;transform:translate3d(-18px,-4px,0) scale(.992);filter:blur(2px)}}
.tabs button.cp-press{animation:cpTabPress .28s var(--cp-ease)!important}
@keyframes cpTabPress{0%{transform:scale(1)}45%{transform:translateY(-3px) scale(.92)}100%{transform:translateY(-2px) scale(1)}}
.tabs button.active span{filter:drop-shadow(0 0 10px rgba(36,167,255,.75)) drop-shadow(0 0 8px rgba(255,138,27,.36))!important}

.section.cp-enter .hero,.section.cp-enter .balance-card,.section.cp-enter .panel,.section.cp-enter .stat,.section.cp-enter .order,.section.cp-enter .settlement,.section.cp-enter .week-card,.section.cp-enter .profile-card{
  animation:cpCardLift .54s var(--cp-ease) both
}
.section.cp-enter .hero{animation-delay:.015s}.section.cp-enter .balance-card:nth-child(2){animation-delay:.055s}.section.cp-enter .panel:nth-child(2){animation-delay:.07s}
.section.cp-enter .stat:nth-child(1){animation-delay:.035s}.section.cp-enter .stat:nth-child(2){animation-delay:.07s}.section.cp-enter .stat:nth-child(3){animation-delay:.105s}.section.cp-enter .stat:nth-child(4){animation-delay:.14s}

@media(prefers-reduced-motion:reduce){.login-btn:after{animation:none!important}.section.cp-enter-forward,.section.cp-enter-back,.section.cp-leave-forward,.section.cp-leave-back{animation-duration:.01ms!important}}

/* ===== Click Plus V5 — SIGNATURE MARK / BLACK LABEL ===== */
:root{--v5-black:#050608;--v5-ink:#0a0d12;--v5-panel:#0d1117;--v5-panel2:#111823;--v5-line:rgba(255,255,255,.075);--v5-cyan:#15c5ff;--v5-blue:#1478ff;--v5-amber:#ff9d18;--v5-gold:#f7c45a;--v5-text:#f7f9fb;--v5-muted:#7f8b98;--v5-radius:22px;--v5-shadow:0 24px 80px rgba(0,0,0,.5)}
html,body{background:#050608!important}body{background:radial-gradient(circle at 88% -8%,rgba(21,197,255,.11),transparent 28%),radial-gradient(circle at 4% 12%,rgba(255,157,24,.075),transparent 24%),linear-gradient(180deg,#050608,#070a0f 44%,#050608)!important;color:var(--v5-text)!important}
body:before{content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;pointer-events:none!important;background:linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.018) 47.2% 47.5%,transparent 47.7% 100%),linear-gradient(25deg,transparent 0 62%,rgba(21,197,255,.025) 62.2% 62.45%,transparent 62.7% 100%)!important;animation:none!important}
body:after{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;opacity:.55!important;background:radial-gradient(circle at 50% -20%,transparent 0 42%,rgba(21,197,255,.035) 42.2% 42.5%,transparent 42.7%),radial-gradient(circle at 50% 120%,transparent 0 43%,rgba(255,157,24,.025) 43.2% 43.45%,transparent 43.7%)!important;background-size:auto!important;mask-image:none!important;animation:none!important}

/* login — editorial black label, not glass cards */
.login{min-height:100dvh!important;padding:22px!important;background:transparent!important;position:relative!important;overflow:hidden!important}.login:before{content:""!important;position:fixed!important;width:min(74vw,720px)!important;aspect-ratio:1!important;right:-28vw!important;top:-16vw!important;border:1px solid rgba(21,197,255,.13)!important;border-radius:50%!important;box-shadow:0 0 0 45px rgba(21,197,255,.018),0 0 0 92px rgba(21,197,255,.012)!important;background:none!important;filter:none!important;animation:v5OrbitBreath 8s ease-in-out infinite!important}.login:after{content:""!important;position:fixed!important;left:-18vw!important;bottom:-26vw!important;width:min(68vw,620px)!important;aspect-ratio:1!important;border:1px solid rgba(255,157,24,.12)!important;border-radius:50%!important;background:none!important;filter:none!important;box-shadow:0 0 0 38px rgba(255,157,24,.014),0 0 0 82px rgba(255,157,24,.01)!important;animation:v5OrbitBreath 9s 1s ease-in-out infinite reverse!important}@keyframes v5OrbitBreath{50%{transform:scale(1.045);opacity:.75}}
.login-card{width:min(470px,96vw)!important;padding:30px 28px 28px!important;background:linear-gradient(180deg,rgba(13,16,21,.98),rgba(7,9,12,.99))!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:28px!important;box-shadow:0 36px 100px rgba(0,0,0,.62)!important;text-align:right!important;overflow:visible!important}.login-card:before{content:""!important;position:absolute!important;right:-1px!important;top:38px!important;width:3px!important;height:118px!important;background:linear-gradient(var(--v5-cyan),var(--v5-blue),var(--v5-amber))!important;box-shadow:0 0 24px rgba(21,197,255,.5)!important;transform:none!important;animation:none!important;z-index:3!important;border-radius:3px!important}.login-card:after{content:""!important;position:absolute!important;left:24px!important;top:26px!important;width:56px!important;height:56px!important;background:url('/assets/click-plus-logo.webp') center/contain no-repeat!important;box-shadow:none!important}.login-card .logo{width:152px!important;height:152px!important;object-fit:cover!important;border-radius:22px!important;margin:0 0 18px auto!important;box-shadow:0 22px 55px rgba(0,0,0,.38)!important;animation:none!important}.login-badge{display:none!important}.kicker{color:var(--v5-cyan)!important;font-size:10px!important;letter-spacing:3px!important;margin:0!important}.login-card h1{font-size:38px!important;letter-spacing:-1px!important;margin:4px 0 2px!important}.login-sub{color:var(--v5-muted)!important;margin-bottom:22px!important}.stack{gap:12px!important}.stack .input{height:56px!important;border-radius:15px!important;background:#080b10!important;border:1px solid rgba(255,255,255,.08)!important}.stack .input:focus{border-color:rgba(21,197,255,.6)!important;box-shadow:0 0 0 4px rgba(21,197,255,.08)!important}.login-btn{height:58px!important;border-radius:15px!important;background:linear-gradient(90deg,#0c8edb,#17bfff 62%,#ff9c19)!important;color:#061018!important;box-shadow:0 18px 38px rgba(15,155,223,.16)!important}.login-btn:after{display:none!important}.login-foot{letter-spacing:2px!important;color:#46505b!important;text-align:center!important;margin-top:18px!important}.sound-toggle{border-radius:50%!important;background:#0b0f14!important;border-color:rgba(255,255,255,.08)!important}

/* app chrome */
.top{height:70px!important;background:rgba(5,6,8,.86)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(20px)!important;padding:0 14px!important}.brand{gap:10px!important}.brand img{content:url('/assets/click-plus-logo.webp')!important;width:46px!important;height:46px!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}.brand span{font-size:14px!important;letter-spacing:.2px!important}.brand b{color:var(--v5-amber)!important}.iconbtn{background:#0b0f14!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important}.wrap{max-width:1160px!important;padding:18px 14px 118px!important}
.hero{padding:24px!important;border-radius:26px!important;background:linear-gradient(135deg,#0d1218 0%,#0a0e13 68%,#161006 100%)!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:var(--v5-shadow)!important}.hero:before{content:""!important;position:absolute!important;inset:auto -68px -86px auto!important;width:250px!important;height:250px!important;background:url('/assets/click-plus-logo.webp') center/contain no-repeat!important;opacity:.065!important;animation:v5MarkTurn 22s linear infinite!important}.hero:after{content:""!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:4px!important;background:linear-gradient(var(--v5-cyan),transparent 35%,transparent 63%,var(--v5-amber))!important;opacity:.9!important;filter:drop-shadow(0 0 10px rgba(21,197,255,.35))!important}@keyframes v5MarkTurn{to{transform:rotate(360deg)}}.hero h1{font-size:clamp(27px,6vw,40px)!important;letter-spacing:-.7px!important}.status{background:#0a0d12!important;border:1px solid rgba(255,255,255,.08)!important}.balance-card,.panel,.stat,.order,.settlement,.week-card,.profile-card{background:linear-gradient(180deg,#0d1117,#090c11)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 18px 54px rgba(0,0,0,.34)!important;backdrop-filter:none!important}.balance-card{border-radius:22px!important;position:relative!important;overflow:hidden!important}.balance-card:before{content:"";position:absolute;right:0;top:0;width:70px;height:2px;background:linear-gradient(90deg,var(--v5-cyan),var(--v5-amber));box-shadow:0 0 18px rgba(21,197,255,.35)}.balance{font-size:42px!important}.stats{gap:9px!important}.stat{border-radius:18px!important;min-height:98px!important;position:relative!important}.stat:before{content:"";position:absolute;right:12px;bottom:10px;width:7px;height:7px;border:1px solid rgba(21,197,255,.38);transform:rotate(45deg)}.panel{border-radius:21px!important}.ph{border-bottom:1px solid rgba(255,255,255,.055)!important}.callout{background:#0b1117!important;border:1px solid rgba(21,197,255,.14)!important;color:#dceaf2!important}.btn{border-radius:13px!important;background:#0d131a!important;border:1px solid rgba(255,255,255,.08)!important;color:#eef4f8!important;box-shadow:none!important}.btn-primary{background:linear-gradient(90deg,#0b86d0,#16bfff)!important;border:0!important;color:#041017!important;box-shadow:0 12px 26px rgba(21,197,255,.13)!important}.input,.select,textarea{background:#080b10!important;border:1px solid rgba(255,255,255,.08)!important;color:#f7f9fb!important}.input:focus,.select:focus,textarea:focus{border-color:rgba(21,197,255,.52)!important;box-shadow:0 0 0 3px rgba(21,197,255,.07)!important}

/* floating nav = premium dock */
.tabs{left:12px!important;right:12px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;height:72px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;background:rgba(7,9,12,.93)!important;box-shadow:0 24px 70px rgba(0,0,0,.52)!important;backdrop-filter:blur(22px)!important;overflow:hidden!important;padding:5px 6px!important}.tabs:before{content:"";position:absolute;left:18%;right:18%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--v5-cyan),var(--v5-amber),transparent);opacity:.65}.tabs button{border-radius:16px!important;color:#687581!important}.tabs button:before{display:none!important}.tabs button.active{background:#101821!important;color:#f4fbff!important;transform:translateY(-1px)!important;box-shadow:inset 0 0 0 1px rgba(21,197,255,.16)!important}.tabs button.active span{filter:drop-shadow(0 0 8px rgba(21,197,255,.65))!important}.tabs button.active:after{content:"";position:absolute;bottom:5px;width:18px;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--v5-cyan),var(--v5-amber));box-shadow:0 0 8px rgba(21,197,255,.55)}

/* signature-mark transition: like a brand mark reveal, not tiger/claws */
#clickFlowFX{background:rgba(3,4,6,.58)!important;backdrop-filter:blur(5px)!important}.cp-flow-orbit{display:none!important}.cp-flow-streak{height:1px!important;width:180%!important;left:-40%!important;background:linear-gradient(90deg,transparent 0,var(--v5-cyan) 32%,#dff8ff 49%,var(--v5-amber) 66%,transparent 100%)!important;box-shadow:0 0 20px rgba(21,197,255,.35)!important}.cp-flow-streak-a{top:46%!important;transform:rotate(-12deg) translateX(55%)!important}.cp-flow-streak-b{top:55%!important;transform:rotate(-12deg) translateX(-55%)!important;opacity:.65!important}.cp-flow-mark{opacity:0!important;transform:scale(.62) rotate(-14deg)!important}.cp-flow-mark img{content:url('/assets/click-plus-logo.webp')!important;width:min(128px,28vw)!important;aspect-ratio:1!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 0 24px rgba(21,197,255,.5)) drop-shadow(0 0 16px rgba(255,157,24,.3))!important}.go .cp-flow-mark{animation:v5MarkFlash .52s .02s cubic-bezier(.2,.75,.2,1) both!important}@keyframes v5MarkFlash{0%{opacity:0;transform:scale(.45) rotate(-18deg)}32%{opacity:1;transform:scale(1.05) rotate(0)}68%{opacity:1;transform:scale(.98) rotate(0)}100%{opacity:0;transform:scale(1.16) rotate(8deg)}}#clickFlowFX.go{animation:v5Fx .52s ease both!important}@keyframes v5Fx{0%{opacity:0}18%{opacity:1}70%{opacity:.92}100%{opacity:0}}
.section.cp-enter-forward{animation:v5InF .42s cubic-bezier(.2,.78,.2,1) both!important}.section.cp-leave-forward{animation:v5OutF .15s ease both!important}.section.cp-enter-back{animation:v5InB .42s cubic-bezier(.2,.78,.2,1) both!important}.section.cp-leave-back{animation:v5OutB .15s ease both!important}@keyframes v5InF{from{opacity:0;transform:translate3d(-34px,8px,0) scale(.992)}to{opacity:1;transform:none}}@keyframes v5OutF{to{opacity:0;transform:translate3d(18px,0,0) scale(.996)}}@keyframes v5InB{from{opacity:0;transform:translate3d(34px,8px,0) scale(.992)}to{opacity:1;transform:none}}@keyframes v5OutB{to{opacity:0;transform:translate3d(-18px,0,0) scale(.996)}}.section.cp-enter .hero,.section.cp-enter .panel,.section.cp-enter .balance-card,.section.cp-enter .stat,.section.cp-enter .order,.section.cp-enter .settlement,.section.cp-enter .week-card,.section.cp-enter .profile-card{animation:v5Card .46s cubic-bezier(.2,.78,.2,1) both!important}@keyframes v5Card{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* utilities */
.install-fab{background:#0b0f14!important;color:#cdefff!important;border:1px solid rgba(21,197,255,.2)!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important}.yahya-rights{background:#090c11!important;border-color:rgba(255,255,255,.07)!important}.yahya-rights:before{background:rgba(21,197,255,.035)!important}.yahya-rights-phone{background:rgba(21,197,255,.06)!important;border-color:rgba(21,197,255,.2)!important;color:#9bdfff!important}.profile-card img{content:url('/assets/click-plus-logo.webp')!important;object-fit:contain!important;border-radius:0!important;background:none!important}
@media(max-width:600px){.login{padding:14px!important}.login-card{padding:24px 20px 22px!important}.login-card .logo{width:126px!important;height:126px!important}.login-card:after{width:46px!important;height:46px!important;left:18px!important;top:20px!important}.top{height:64px!important}.wrap{padding:12px 10px 104px!important}.hero{padding:18px!important;border-radius:22px!important}.balance{font-size:36px!important}.stats{grid-template-columns:1fr 1fr!important}.tabs{height:68px!important;left:8px!important;right:8px!important}.tabs button{font-size:9px!important}.tabs button span{font-size:18px!important}}

/* CP_V62_NO_SUPPORT */
.cp-support-fab,.support-fab,.support-btn,.ads-support-btn,[data-support-ads]{display:none!important}


/* CP_V63_LOGIN_CLEAN — stable mobile login */
#clickFlowFX,#cpStartup,#cpSignatureOverlay{display:none!important}
.login{
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))!important;
  overflow:auto!important;
}
.login-card{
  width:min(420px,calc(100vw - 28px))!important;
  margin:auto!important;
  padding:28px 22px 24px!important;
  border-radius:26px!important;
  text-align:center!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#0b1017,#070a0e)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.5)!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
.login-card:before,.login-card:after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
.login-card .logo{
  position:static!important;
  display:block!important;
  width:132px!important;
  height:132px!important;
  max-width:42vw!important;
  margin:0 auto 14px!important;
  object-fit:cover!important;
  border-radius:24px!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
  box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
}
.login-card .kicker{
  margin:0 0 5px!important;
  text-align:center!important;
  font-size:10px!important;
  letter-spacing:2.7px!important;
}
.login-card h1{
  margin:4px 0 5px!important;
  text-align:center!important;
  font-size:34px!important;
  line-height:1.08!important;
}
.login-sub{
  margin:0 0 20px!important;
  text-align:center!important;
  font-size:13px!important;
}
.login-card .stack{gap:11px!important}
.login-card .stack .input{
  height:52px!important;
  border-radius:14px!important;
  text-align:right!important;
  font-size:16px!important;
}
.login-card .login-btn{
  height:54px!important;
  border-radius:14px!important;
  font-size:18px!important;
}
.login-foot{
  margin-top:16px!important;
  text-align:center!important;
  font-size:9px!important;
  letter-spacing:1.7px!important;
}
.sound-toggle{
  position:fixed!important;
  top:max(12px,env(safe-area-inset-top))!important;
  left:12px!important;
  z-index:120!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  font-size:19px!important;
  line-height:1!important;
}
.sound-toggle:before,.sound-toggle:after{display:none!important;content:none!important}
@media(max-width:600px){
  .login{padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))!important}
  .login-card{width:calc(100vw - 24px)!important;padding:24px 18px 22px!important;border-radius:22px!important}
  .login-card .logo{width:118px!important;height:118px!important;border-radius:21px!important}
  .login-card h1{font-size:31px!important}
  .login-sub{font-size:12px!important}
  .login-card .stack .input{height:50px!important}
  .login-card .login-btn{height:52px!important}
}