/* 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}

/* ADMIN — Click Plus Command Deck */
.login{padding:28px!important;background:linear-gradient(135deg,rgba(1,10,18,.35),rgba(2,16,28,.1))!important}.login-card{width:min(480px,96vw)!important;padding:34px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(8,33,56,.92),rgba(3,18,31,.96))!important;border:1px solid rgba(80,176,243,.22)!important;box-shadow:0 38px 100px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.02) inset!important;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:auto -18% -48% auto;width:280px;height:280px;border:35px solid rgba(36,167,255,.08);border-radius:50%}.login-card .logo{width:205px!important;max-width:72%!important;border-radius:28px!important;box-shadow:0 24px 52px rgba(0,0,0,.34)!important}.login-card h1{font-size:34px!important;letter-spacing:-.5px}.top{height:78px!important;background:rgba(2,16,28,.84)!important;border-bottom:1px solid rgba(77,166,226,.17)!important;backdrop-filter:blur(22px)!important;padding:0 22px!important}.brand img{width:54px!important;height:54px!important;border-radius:16px!important;object-fit:cover!important;box-shadow:0 10px 28px rgba(0,0,0,.3)!important}.brand b{color:var(--cp-orange)!important}.wrap{grid-template-columns:270px minmax(0,1fr)!important}.side{background:linear-gradient(180deg,rgba(3,19,33,.98),rgba(4,28,48,.98))!important;border-left:1px solid rgba(70,153,211,.16)!important;padding:20px 14px!important}.nav{gap:9px!important}.nav button{min-height:46px!important;border-radius:14px!important;color:#aac4d6!important;padding:12px 14px!important;border:1px solid transparent!important;transition:.2s!important}.nav button:hover:not(.active){background:rgba(36,167,255,.07)!important;border-color:rgba(36,167,255,.12)!important;color:#fff!important}.nav button.active{background:linear-gradient(135deg,#0876cf,#22a8ff)!important;color:#fff!important;box-shadow:0 14px 30px rgba(0,126,214,.25)!important;border-color:rgba(128,211,255,.32)!important}.main{padding:24px!important}.hero{position:relative!important;overflow:hidden!important;padding:28px!important;border-radius:26px!important;background:linear-gradient(125deg,rgba(7,45,75,.96),rgba(5,27,47,.96) 58%,rgba(88,45,10,.68))!important;border:1px solid rgba(80,176,243,.2)!important;box-shadow:0 28px 80px rgba(0,0,0,.25)!important}.hero:before{content:"";position:absolute;left:-70px;top:-115px;width:330px;height:330px;border:40px solid rgba(36,167,255,.08);border-radius:50%}.hero:after{content:"";position:absolute;left:140px;bottom:-140px;width:270px;height:270px;border:30px solid rgba(255,138,27,.06);border-radius:50%}.hero h1{font-size:31px!important}.hero h1 span{background:linear-gradient(90deg,#68ceff,#ffb35f);-webkit-background-clip:text;background-clip:text;color:transparent!important}.stats{gap:14px!important}.stat{min-height:120px!important;padding:17px!important;position:relative!important;overflow:hidden!important}.stat:after{content:"";position:absolute;left:-24px;bottom:-30px;width:94px;height:94px;border-radius:50%;background:rgba(36,167,255,.05)}.stat b{font-size:30px!important}.table{border-radius:18px!important}th{background:#071a2a!important;color:#8fb0c6!important;border-bottom-color:rgba(74,157,214,.18)!important}td{border-bottom-color:rgba(74,157,214,.1)!important}tr:hover td{background:rgba(36,167,255,.035)!important}.modal{background:rgba(0,7,13,.78)!important;backdrop-filter:blur(14px)!important}.modal-card{background:linear-gradient(145deg,#08243d,#041727)!important;border:1px solid rgba(73,169,235,.22)!important;border-radius:24px!important;box-shadow:0 40px 120px rgba(0,0,0,.55)!important}
@media(max-width:800px){.top{height:68px!important}.main{padding:14px!important}.hero{padding:20px!important}.stats{gap:10px!important}.stat{min-height:102px!important}.login-card{padding:26px 20px!important}}

/* ===== Click Plus Final Admin Motion + Luxury v4 ===== */
:root{--cp-ease:cubic-bezier(.22,.78,.22,1)}
body:before{animation-duration:26s!important}.top,.side,.panel,.stat,.hero{backdrop-filter:blur(22px) saturate(1.08)!important}.top{box-shadow:0 10px 35px rgba(0,0,0,.12)!important}.side{box-shadow:-18px 0 60px rgba(0,0,0,.16)!important}.brand img{transition:.32s var(--cp-ease)!important}.brand img:hover{transform:scale(1.05) rotate(-1deg);box-shadow:0 12px 34px rgba(36,167,255,.22)!important}.nav button{position:relative;overflow:hidden}.nav button:after{content:"";position:absolute;right:0;top:18%;bottom:18%;width:3px;border-radius:99px;background:linear-gradient(#24a7ff,#ff9a35);opacity:0;transform:scaleY(.25);transition:.28s var(--cp-ease)}.nav button.active:after{opacity:1;transform:scaleY(1)}
.section.cp-enter{animation:cpAdminIn .48s var(--cp-ease) both}.section.cp-leave{animation:cpAdminOut .16s ease both;pointer-events:none}@keyframes cpAdminIn{from{opacity:0;transform:translateY(15px) scale(.992);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes cpAdminOut{to{opacity:0;transform:translateY(-6px) scale(.995)}}body.cp-switching .main{pointer-events:none}.section.cp-enter>.panel,.section.cp-enter>.grid2>.panel,.section.cp-enter .stat{animation:cpAdminCard .5s var(--cp-ease) both}@keyframes cpAdminCard{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero{isolation:isolate}.hero:before{animation:cpAdminOrb 18s linear infinite!important}.hero:after{animation:cpAdminOrb2 14s linear infinite reverse!important}@keyframes cpAdminOrb{to{transform:rotate(360deg)}}@keyframes cpAdminOrb2{to{transform:rotate(360deg)}}
.stat,.panel{transition:transform .28s var(--cp-ease),border-color .28s,box-shadow .28s!important}.stat:hover{transform:translateY(-3px);border-color:rgba(80,182,248,.3)!important;box-shadow:0 22px 58px rgba(0,0,0,.28)!important}.panel:hover{border-color:rgba(80,182,248,.24)!important}.table tbody tr{transition:background .2s,transform .2s}.table tbody tr:hover{transform:translateX(-2px)}
.login-card{animation:cpAdminLogin .68s var(--cp-ease) both}.login-card .logo{animation:cpAdminLogo 5.5s ease-in-out infinite}@keyframes cpAdminLogin{from{opacity:0;transform:translateY(22px) scale(.975);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes cpAdminLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.modal.show .modal-card{animation:cpModalIn .32s var(--cp-ease) both}@keyframes cpModalIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:720px){.side{box-shadow:none!important}.main{padding:14px!important}.top{padding:0 12px!important}.hero{padding:20px!important}.nav button:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ===== Click Plus V5 — SIGNATURE MARK ADMIN ===== */
:root{--v5-black:#050608;--v5-ink:#090c11;--v5-panel:#0d1117;--v5-line:rgba(255,255,255,.07);--v5-cyan:#15c5ff;--v5-blue:#1478ff;--v5-amber:#ff9d18;--v5-gold:#f7c45a;--v5-text:#f7f9fb;--v5-muted:#7f8b98;--v5-shadow:0 24px 80px rgba(0,0,0,.46)}
html,body{background:#050608!important}body{background:radial-gradient(circle at 88% -8%,rgba(21,197,255,.09),transparent 27%),radial-gradient(circle at 2% 16%,rgba(255,157,24,.055),transparent 22%),linear-gradient(180deg,#050608,#070a0f 48%,#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,.014) 47.2% 47.45%,transparent 47.7% 100%)!important;animation:none!important}body:after{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(circle at 56% 12%,transparent 0 33%,rgba(21,197,255,.024) 33.2% 33.45%,transparent 33.7%)!important;opacity:1!important;mask-image:none!important}
.login{background:transparent!important}.login-card{width:min(500px,96vw)!important;padding:34px 30px!important;background:linear-gradient(180deg,#0e1218,#080a0e)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:28px!important;box-shadow:0 38px 110px rgba(0,0,0,.62)!important;text-align:right!important}.login-card:before{content:""!important;position:absolute!important;right:-1px!important;top:42px!important;width:3px!important;height:128px!important;border:0!important;border-radius:4px!important;background:linear-gradient(var(--v5-cyan),var(--v5-blue),var(--v5-amber))!important;box-shadow:0 0 22px rgba(21,197,255,.45)!important}.login-card:after{content:"";position:absolute;left:26px;top:28px;width:58px;height:58px;background:url('/assets/click-plus-logo.webp') center/contain no-repeat}.login-card .logo{width:148px!important;height:148px!important;object-fit:cover!important;border-radius:22px!important;margin:0 0 16px auto!important;box-shadow:0 22px 55px rgba(0,0,0,.4)!important;animation:none!important}.login-card h1{font-size:38px!important;margin:6px 0 2px!important}.login-card .muted{color:var(--v5-muted)!important}.input,.select,textarea{background:#080b10!important;border:1px solid rgba(255,255,255,.08)!important;color:#f7f9fb!important;border-radius:14px!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}.btn{background:#0d131a!important;border:1px solid rgba(255,255,255,.08)!important;color:#edf3f7!important;border-radius:13px!important;box-shadow:none!important}.btn-primary{background:linear-gradient(90deg,#0b86d0,#16bfff)!important;border:0!important;color:#041017!important;box-shadow:0 12px 28px rgba(21,197,255,.14)!important}
.top{height:74px!important;background:rgba(5,6,8,.88)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(20px)!important;padding:0 18px!important}.brand img{content:url('/assets/click-plus-logo.webp')!important;width:50px!important;height:50px!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}.brand b{color:var(--v5-amber)!important}.wrap{grid-template-columns:268px minmax(0,1fr)!important}.side{background:linear-gradient(180deg,#080b10,#06080b)!important;border-left:1px solid rgba(255,255,255,.055)!important;padding:18px 12px!important;box-shadow:none!important}.nav{gap:6px!important}.nav button{min-height:46px!important;border-radius:13px!important;color:#8b96a2!important;border:1px solid transparent!important;background:transparent!important;position:relative!important}.nav button:after{content:""!important;position:absolute!important;right:4px!important;top:20%!important;bottom:20%!important;width:2px!important;border-radius:3px!important;background:linear-gradient(var(--v5-cyan),var(--v5-amber))!important;opacity:0!important;transform:scaleY(.25)!important;transition:.25s!important}.nav button.active{background:#0e141c!important;color:#f5f8fa!important;box-shadow:inset 0 0 0 1px rgba(21,197,255,.12)!important}.nav button.active:after{opacity:1!important;transform:scaleY(1)!important}.nav button:hover:not(.active){background:#0c1117!important;border-color:rgba(255,255,255,.055)!important;color:#e7edf1!important}.main{padding:22px!important}.hero{padding:26px!important;border-radius:24px!important;background:linear-gradient(135deg,#0d1218,#090d12 68%,#171006)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:var(--v5-shadow)!important}.hero:before{content:""!important;position:absolute!important;left:-66px!important;top:-84px!important;width:240px!important;height:240px!important;border:0!important;border-radius:0!important;background:url('/assets/click-plus-logo.webp') center/contain no-repeat!important;opacity:.055!important;animation:v5AdminMark 22s linear infinite!important}.hero:after{content:""!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:4px!important;height:auto!important;border:0!important;border-radius:0!important;background:linear-gradient(var(--v5-cyan),transparent 38%,transparent 63%,var(--v5-amber))!important;animation:none!important}@keyframes v5AdminMark{to{transform:rotate(360deg)}}.hero h1 span{background:linear-gradient(90deg,#7bdcff,#ffb84d)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.panel,.stat{background:linear-gradient(180deg,#0d1117,#090c11)!important;border:1px solid rgba(255,255,255,.065)!important;box-shadow:0 18px 54px rgba(0,0,0,.33)!important;backdrop-filter:none!important}.panel{border-radius:20px!important}.stat{border-radius:18px!important;min-height:112px!important}.stat:after{content:""!important;position:absolute!important;left:13px!important;bottom:13px!important;width:8px!important;height:8px!important;border-radius:0!important;background:transparent!important;border:1px solid rgba(21,197,255,.38)!important;transform:rotate(45deg)!important}.ph{border-bottom:1px solid rgba(255,255,255,.05)!important}.table{border-radius:18px!important;border:1px solid rgba(255,255,255,.055)!important;background:#080b0f!important}th{background:#090e14!important;color:#8595a3!important;border-bottom-color:rgba(255,255,255,.06)!important}td{border-bottom-color:rgba(255,255,255,.045)!important}tr:hover td{background:rgba(21,197,255,.025)!important}.callout{background:#0b1117!important;border-color:rgba(21,197,255,.13)!important;color:#dceaf2!important}.modal{background:rgba(0,0,0,.72)!important}.modal-card{background:#0b0f14!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:22px!important;box-shadow:0 40px 120px rgba(0,0,0,.62)!important}.yahya-rights{background:#090c11!important;border-color:rgba(255,255,255,.065)!important}
.section.cp-enter{animation:v5AdminIn .38s cubic-bezier(.2,.78,.2,1) both!important}.section.cp-leave{animation:v5AdminOut .14s ease both!important}@keyframes v5AdminIn{from{opacity:0;transform:translate3d(-18px,10px,0) scale(.995)}to{opacity:1;transform:none}}@keyframes v5AdminOut{to{opacity:0;transform:translate3d(12px,0,0)}}.section.cp-enter>.panel,.section.cp-enter>.grid2>.panel,.section.cp-enter .stat{animation:v5AdminCard .42s cubic-bezier(.2,.78,.2,1) both!important}@keyframes v5AdminCard{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:800px){.top{height:66px!important;padding:0 10px!important}.brand img{width:44px!important;height:44px!important}.wrap{display:block!important}.side{position:sticky!important;top:66px!important;z-index:30!important;border-left:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;padding:8px!important}.nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important}.nav button{flex:0 0 108px!important}.nav button:after{display:none!important}.main{padding:12px!important}.hero{padding:18px!important;border-radius:20px!important}.stats{grid-template-columns:1fr 1fr!important}}

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