/* frontend-shell.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;350;400;450;500;550;600;650;700&display=swap');
:root{
  --lcpi-bg:#020716;--lcpi-bg2:#071227;--lcpi-panel:rgba(10,19,46,.82);--lcpi-panel2:rgba(13,24,58,.92);
  --lcpi-line:rgba(128,105,255,.28);--lcpi-line2:rgba(0,217,255,.18);--lcpi-text:#f8fbff;--lcpi-soft:#dbe3ff;--lcpi-muted:#aeb8d8;
  --lcpi-pink:#ff42f4;--lcpi-violet:#8a3ffc;--lcpi-cyan:#13d7ff;--lcpi-green:#22f064;--lcpi-gold:#ffba21;--lcpi-red:#ff3f67;
  --lcpi-radius:18px;--lcpi-shadow:0 18px 55px rgba(0,0,0,.34),0 0 34px rgba(119,65,255,.16);
}
*{box-sizing:border-box}html{scrollbar-color:#6e36ff #040b1d}body.lcpi-front{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--lcpi-text);background:linear-gradient(180deg,#010511 0%,#061025 100%);overflow-x:hidden}body.lcpi-front a{color:inherit;text-decoration:none}.lcpi-neon-home:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(rgba(48,125,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(139,66,255,.026) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.76),transparent 83%)}.lcpi-orb{position:fixed;border-radius:999px;opacity:.18;z-index:-1}.lcpi-orb-a{width:420px;height:420px;left:35%;top:4%;background:#1bc7ff}.lcpi-orb-b{width:430px;height:430px;right:2%;top:18%;background:#a62cff}.lcpi-panel{border:1px solid var(--lcpi-line);background:linear-gradient(145deg,rgba(13,25,59,.78),rgba(5,11,28,.94));border-radius:var(--lcpi-radius);}.lcpi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:10px;background:linear-gradient(135deg,#6f2fff,#e044ff);border:1px solid rgba(255,255,255,.2);font-weight:900;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.2);white-space:nowrap}.lcpi-link{color:#fff;font-weight:800;white-space:nowrap}.lcpi-shell{display:grid;grid-template-columns:226px minmax(720px,1fr) 360px;gap:16px;width:min(100%,1920px);margin:0 auto;padding:20px}.lcpi-sidebar{position:sticky;top:20px;height:calc(100vh - 40px);min-height:720px;padding:8px 14px 14px;border-right:1px solid rgba(92,105,161,.24);display:flex;flex-direction:column;gap:14px;overflow:hidden}.lcpi-brand{flex:0 0 auto;display:flex;gap:12px;align-items:center;margin:0 0 10px}.lcpi-brand img{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;display:block;object-fit:contain;}.lcpi-brand strong,.lcpi-mobile-brand strong{display:block;font-size:24px;line-height:1;letter-spacing:.04em}.lcpi-brand small,.lcpi-mobile-brand small{display:block;color:var(--lcpi-muted);font-size:11px;letter-spacing:.12em}.lcpi-nav{flex:0 0 auto;display:grid;gap:6px}.lcpi-nav a{display:flex;align-items:center;gap:13px;height:48px;padding:0 16px;border-radius:12px;color:#dce2fb;font-size:16px;line-height:1;transition:.18s}.lcpi-nav a:hover{background:rgba(122,54,255,.12);}.lcpi-nav a span{width:22px;text-align:center;color:#50ddff;text-shadow:0 0 12px currentColor}.lcpi-nav a:nth-child(2) span{color:#ff583e}.lcpi-nav a:nth-child(3) span{color:#fc46ff}.lcpi-nav a:nth-child(4) span{color:#ff8c1d}.lcpi-nav a:nth-child(5) span{color:#10e8c8}.lcpi-nav a:nth-child(6) span{color:#60ff24}.lcpi-nav a.is-active{background:linear-gradient(90deg,rgba(97,55,255,.96),rgba(215,46,255,.78));border:1px solid rgba(255,255,255,.14);color:#fff}.lcpi-side-card{flex:0 0 auto}.lcpi-mission-card{margin-top:auto;position:relative;min-height:228px;padding:18px;border-radius:14px;background:radial-gradient(circle at 82% 55%,rgba(121,44,255,.58),transparent 34%),linear-gradient(150deg,rgba(74,25,146,.48),rgba(10,20,48,.95));border:1px solid rgba(146,96,255,.38);overflow:hidden}.lcpi-mission-card h3{margin:0 0 10px;color:#ff51ff;font-size:18px}.lcpi-mission-card ul{position:relative;z-index:2;margin:0 0 16px;padding-left:16px;color:#f1f3ff;line-height:1.56;font-size:13px}.lcpi-mission-card li::marker{color:var(--lcpi-gold)}.lcpi-mission-card img{position:absolute;right:8px;bottom:54px;width:96px;height:auto;opacity:.94;}.lcpi-btn-full{width:100%;position:relative;z-index:2}.lcpi-quick-access{flex:0 0 auto;padding:14px;display:block}.lcpi-quick-access h4{margin:0 0 12px;color:#fff;font-size:14px}.lcpi-quick-access div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lcpi-quick-access a{display:grid;gap:6px;place-items:center;padding:10px 3px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.lcpi-quick-access span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#00e6ff;background:rgba(0,214,255,.12);}.lcpi-quick-access a:nth-child(2) span{color:#ffd126;background:rgba(255,190,30,.12)}.lcpi-quick-access a:nth-child(3) span{color:#ff5b68;background:rgba(255,91,104,.12)}.lcpi-quick-access small{font-size:11px;color:#dfe6ff;white-space:nowrap}.lcpi-collapse{flex:0 0 auto;height:44px;border-radius:11px;border:1px solid var(--lcpi-line);background:rgba(9,20,49,.9);color:#fff;font-size:18px;text-align:left;padding:0 14px}.lcpi-collapse span{font-size:14px;margin-left:10px;color:#cfd6ef}.lcpi-main{min-width:0}.lcpi-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.lcpi-search{display:flex;align-items:center;gap:10px;width:min(610px,42vw);height:50px;padding:0 18px;border-radius:13px;background:rgba(18,29,65,.86);border:1px solid rgba(122,144,210,.2);}.lcpi-search span{color:#bcd0ff;font-size:21px}.lcpi-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.lcpi-search input::placeholder{color:#8f99bd}.lcpi-top-actions{display:flex;align-items:center;gap:9px;min-width:0}.lcpi-chip{position:relative;min-height:44px;border:1px solid rgba(122,144,210,.2);background:rgba(10,20,48,.86);color:#fff;border-radius:12px;padding:0 12px}.lcpi-theme-toggle{min-width:62px}.lcpi-theme-toggle i{display:inline-block;width:22px;height:22px;border-radius:50%;margin-left:6px;background:linear-gradient(135deg,#fff,#9a65ff);vertical-align:middle;}.lcpi-chip b{position:absolute;top:-8px;right:-6px;background:#fb2020;border-radius:99px;padding:1px 5px}.lcpi-guest{display:flex;gap:9px;align-items:center;min-width:128px}.lcpi-guest .avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dfe8ff;color:#071126;}.lcpi-guest strong,.lcpi-guest small{display:block}.lcpi-guest small{color:var(--lcpi-muted);font-size:12px}.lcpi-grid-top{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.lcpi-hero{position:relative;min-height:278px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(290px,390px);align-items:center;padding:30px 34px;overflow:hidden;background:radial-gradient(circle at 72% 57%,rgba(19,215,255,.18),transparent 30%),radial-gradient(circle at 79% 52%,rgba(138,63,252,.34),transparent 38%),linear-gradient(145deg,rgba(10,20,48,.9),rgba(6,13,31,.93))}.lcpi-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,18,42,.72),transparent 72%),linear-gradient(rgba(72,127,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,127,255,.065) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;opacity:.78}.lcpi-hero-copy{position:relative;z-index:1}.lcpi-hero h1,.lcpi-mobile-hero h1{font-size:44px;line-height:1.06;margin:0 0 17px;letter-spacing:-.035em}.lcpi-hero h1 span,.lcpi-mobile-hero h1 span{background:linear-gradient(90deg,#ff38fa 0%,#7a5cff 48%,#00d5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lcpi-hero p,.lcpi-mobile-hero p{color:#d7ddf3;max-width:420px;font-size:16px;line-height:1.55}.lcpi-actions{display:flex;align-items:center;gap:22px;margin-top:22px}.lcpi-hero-art{position:relative;z-index:1;width:100%;max-width:390px!important;height:auto!important;max-height:252px;object-fit:contain;}.lcpi-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lcpi-stat{position:relative;min-height:132px;padding:20px;overflow:hidden}.lcpi-stat:after{content:"";position:absolute;right:-20px;top:10px;width:88px;height:88px;border-radius:22px;background:currentColor;opacity:.08;transform:rotate(22deg)}.lcpi-stat span{font-size:26px;color:var(--lcpi-cyan);text-shadow:0 0 18px currentColor}.lcpi-stat-gold span{color:var(--lcpi-gold)}.lcpi-stat-green span{color:var(--lcpi-green)}.lcpi-stat strong{display:block;font-size:29px;margin-top:9px}.lcpi-stat small,.lcpi-stat em{display:block;color:var(--lcpi-muted);font-style:normal}.lcpi-stat em{font-size:12px;margin-top:5px}.lcpi-section{margin-top:16px}.lcpi-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px}.lcpi-section-title h2,.lcpi-section-title h3{margin:0}.lcpi-section-title a{color:#e054ff;font-weight:800}.lcpi-hot-section{position:relative}.lcpi-slider-arrow{position:absolute;z-index:3;top:104px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(122,144,210,.2);background:rgba(22,33,80,.85);color:#fff;font-size:35px;line-height:1;}.lcpi-slider-left{left:-16px}.lcpi-slider-right{right:-16px}.lcpi-offer-row{display:grid;grid-template-columns:repeat(6,minmax(126px,1fr));gap:13px}.lcpi-offer-card{position:relative;min-height:205px;border-radius:13px;border:1px solid rgba(119,92,255,.48);padding:12px;overflow:hidden;background:linear-gradient(180deg,rgba(120,45,190,.22),rgba(4,10,25,.98));transition:.16s}.lcpi-offer-card:hover{transform:translateY(-2px);}.lcpi-offer-card .rank{position:absolute;z-index:4;top:10px;left:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffcf28,#ef31ff);font-weight:900;}.lcpi-offer-card .image{position:absolute;inset:0 0 74px;background-image:var(--offer-bg);background-size:cover;background-position:center;transform:scale(1.01)}.lcpi-offer-card .image:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.06),rgba(0,0,0,0)),radial-gradient(circle at 48% 32%,rgba(255,255,255,.16),transparent 28%);opacity:.8}.lcpi-offer-card .image:after{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(180deg,transparent,rgba(4,10,25,.98))}.lcpi-offer-card strong{position:absolute;z-index:3;left:14px;right:14px;bottom:58px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;text-shadow:0 1px 8px #000}.lcpi-offer-card em{position:absolute;z-index:3;left:14px;bottom:35px;display:inline-block;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.12);font-style:normal;font-size:11px;font-weight:800}.lcpi-offer-card footer{position:absolute;z-index:3;bottom:12px;left:14px;right:12px;display:flex;justify-content:space-between;align-items:center;font-weight:800}.lcpi-offer-card footer b,.lcpi-list-row b{color:var(--lcpi-green);background:rgba(34,240,100,.13);padding:3px 8px;border-radius:7px}.lcpi-offer-card footer b.is-medium,.lcpi-list-row b.is-medium{color:var(--lcpi-gold);background:rgba(255,186,33,.15)}.lcpi-offer-card footer b.is-hard,.lcpi-list-row b.is-hard{color:#ff4d6d;background:rgba(255,77,109,.16)}.lcpi-offer-art-1 .image{background-image:var(--offer-bg),radial-gradient(circle at 38% 35%,#ffcf44,transparent 20%),linear-gradient(135deg,#e34235,#67111c)}.lcpi-offer-art-2 .image{background-image:var(--offer-bg),radial-gradient(circle at 48% 30%,#2de8ff,transparent 22%),linear-gradient(135deg,#0fa4e4,#084aa0)}.lcpi-offer-art-3 .image{background-image:var(--offer-bg),radial-gradient(circle at 45% 32%,#ffb96b,transparent 24%),linear-gradient(135deg,#f49b4e,#6e2b23)}.lcpi-offer-art-4 .image{background-image:var(--offer-bg),radial-gradient(circle at 52% 30%,#d4ae86,transparent 24%),linear-gradient(135deg,#29385f,#0b142b)}.lcpi-offer-art-5 .image{background-image:var(--offer-bg),radial-gradient(circle at 52% 32%,#00f6ff,transparent 22%),linear-gradient(135deg,#11121f,#401061)}.lcpi-offer-art-6 .image{background-image:var(--offer-bg),radial-gradient(circle at 50% 32%,#37ffb8,transparent 22%),linear-gradient(135deg,#6328ff,#1b0c48)}.lcpi-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.lcpi-content-grid>.lcpi-panel,.lcpi-bottom-grid>.lcpi-panel,.lcpi-rightbar>.lcpi-panel{padding:16px}.lcpi-list-row,.lcpi-feed{display:grid;align-items:center;gap:8px;border-top:1px solid rgba(125,144,202,.12);padding:9px 0;color:#e8edff}.lcpi-list-row{grid-template-columns:26px minmax(0,1fr) auto auto}.lcpi-list-row span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.08);color:#cbd6ff}.lcpi-list-row strong{display:flex;gap:8px;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcpi-list-row strong small{margin-left:4px;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.11);color:#d6ddf6;font-size:10px;flex:0 0 auto}.lcpi-list-row em,.lcpi-feed em{font-style:normal;color:#d8def4}.lcpi-bottom-grid{display:grid;grid-template-columns:1fr 1.15fr 1.45fr;gap:14px;margin-top:16px}.lcpi-locked{min-height:190px;position:relative;overflow:hidden}.lcpi-locked h3,.lcpi-country-panel h3{margin:0 0 8px}.lcpi-locked h3 small,.lcpi-country-panel h3 small{float:right;color:#c7b8ff;font-weight:500}.lcpi-locked img{width:100%;height:105px;object-fit:cover;opacity:.75}.lcpi-locked p{position:absolute;left:0;right:0;bottom:24px;text-align:center;color:#fff;margin:0;text-shadow:0 2px 10px #000}.lcpi-country{display:flex;justify-content:space-between;align-items:center;gap:18px}.lcpi-country p{display:flex;justify-content:space-between;gap:20px;margin:10px 0}.lcpi-country b{color:var(--lcpi-gold)}.donut{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at center,#071126 0 46%,transparent 47%),conic-gradient(#16d3ff 0 32%,#7c30ff 32% 66%,#ff32eb 66% 78%,#28d66f 78% 100%);font-weight:900;}.donut strong{font-size:28px}.donut small{display:block;font-size:12px;color:#dce5ff}.lcpi-mini-lock{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(120,95,255,.18);font-style:normal}.lcpi-feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:16px;padding:18px 22px}.lcpi-feature-strip div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center}.lcpi-feature-strip span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#ff45ef;font-size:24px;text-shadow:0 0 17px currentColor}.lcpi-feature-strip div:nth-child(2) span,.lcpi-feature-strip div:nth-child(3) span{color:#00e6ff}.lcpi-feature-strip strong{color:#ff55ef}.lcpi-feature-strip div:nth-child(2) strong,.lcpi-feature-strip div:nth-child(3) strong{color:#1ce7ff}.lcpi-feature-strip small{color:#bfc8e6}.lcpi-rightbar{display:grid;align-content:start;gap:16px;min-width:0}.lcpi-feed{grid-template-columns:28px 38px minmax(0,1fr) 72px auto 20px;font-size:13px}.lcpi-feed strong,.lcpi-feed em,.lcpi-feed small,.lcpi-feed b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcpi-feed small{color:#b8c2df}.lcpi-feed b{color:var(--lcpi-green);font-style:normal}.lcpi-feed i{font-style:normal;opacity:.75}.online{color:var(--lcpi-green);display:block;margin-top:6px}.lcpi-unlock{position:relative;min-height:142px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at right,rgba(255,157,35,.42),transparent 36%),linear-gradient(145deg,rgba(94,22,162,.85),rgba(8,15,36,.95))}.lcpi-unlock h3{color:#ff52fb;font-size:22px;margin:0 0 10px}.lcpi-unlock p{color:#dfe5ff;max-width:260px}.lcpi-unlock img{position:absolute;right:-8px;bottom:-20px;width:178px;}.lcpi-unlock .lcpi-btn{padding:10px 20px}
/* Mobile shell kept separate for F3 polish */
.lcpi-front-mobile{padding-bottom:110px}.lcpi-mobile-screen{max-width:520px;margin:0 auto;padding:24px 20px 0}.lcpi-mobile-head{display:flex;align-items:center;justify-content:space-between;margin:12px 0 26px}.lcpi-mobile-head button{position:relative;border:0;background:transparent;color:#fff;font-size:32px}.lcpi-mobile-head button b{position:absolute;right:-12px;top:-8px;background:#fb2020;border-radius:99px;font-size:13px;padding:2px 6px}.lcpi-mobile-brand{display:flex;align-items:center;gap:10px}.lcpi-mobile-brand span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#00d5ff,#a12dff 50%,#ff35f5);}.lcpi-mobile-brand strong{font-size:22px}.lcpi-mobile-brand small{font-size:10px}.lcpi-mobile-hero{position:relative;display:grid;grid-template-columns:1fr 190px;min-height:275px;padding:24px 20px;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(19,215,255,.22),transparent 38%),linear-gradient(145deg,rgba(10,20,48,.9),rgba(6,13,31,.94))}.lcpi-mobile-hero h1{font-size:28px}.lcpi-mobile-hero p{font-size:16px}.lcpi-mobile-hero .lcpi-btn{padding:12px 20px;margin-right:14px}.lcpi-mobile-hero .lcpi-trophy{background:url('../img/hero-trophy.svg') center/contain no-repeat;min-height:190px}.lcpi-mobile-hero .lcpi-trophy span{display:none}.lcpi-dots{position:absolute;left:0;right:0;bottom:18px;text-align:center}.lcpi-dots i{display:inline-block;width:22px;height:6px;border-radius:9px;margin:0 5px;background:rgba(142,154,200,.35)}.lcpi-dots i:first-child{background:#b53cff}.lcpi-mobile-section{margin-top:22px}.lcpi-mobile-offers{display:grid;grid-template-columns:repeat(4,190px);gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.lcpi-mobile-offers .lcpi-offer-card{scroll-snap-align:start}.lcpi-mobile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px;margin-top:18px}.lcpi-mobile-stats div{display:grid;gap:5px;text-align:center;border-right:1px solid rgba(132,151,205,.16)}.lcpi-mobile-stats div:last-child{border-right:0}.lcpi-mobile-stats span{font-size:26px;color:var(--lcpi-cyan)}.lcpi-mobile-stats strong{font-size:22px}.lcpi-mobile-stats small{font-size:11px;color:var(--lcpi-muted)}.lcpi-mobile-card-list{padding:18px;margin-top:18px}.lcpi-mobile-card-list .lcpi-feed{grid-template-columns:46px 1fr auto auto 32px;font-size:16px}.lcpi-mobile-screen>.lcpi-unlock{margin-top:18px;padding:24px;min-height:180px}.lcpi-bottom-nav{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(480px,calc(100vw - 32px));height:72px;border-radius:26px;border:1px solid rgba(142,96,255,.42);background:rgba(4,12,28,.9);display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;align-items:center;z-index:20;}.lcpi-bottom-nav a{display:grid;place-items:center;gap:2px;color:#fff;font-size:26px}.lcpi-bottom-nav span{font-size:12px}.lcpi-bottom-nav .is-active{color:#e94dff}.lcpi-bottom-nav .lcpi-earn{width:92px;height:92px;margin:-40px auto 0;border-radius:50%;background:radial-gradient(circle,#9d37ff,#5e10da);font-size:34px}.lcpi-bottom-nav .lcpi-earn span{font-weight:900;font-size:13px}
@media(max-width:1680px){.lcpi-shell{grid-template-columns:224px minmax(660px,1fr) 340px;gap:14px}.lcpi-hero{grid-template-columns:1fr 330px}.lcpi-hero h1{font-size:42px}.lcpi-offer-row{gap:12px}.lcpi-feature-strip{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1480px){.lcpi-shell{grid-template-columns:216px minmax(620px,1fr) 320px}.lcpi-offer-row{grid-template-columns:repeat(4,1fr)}.lcpi-hero{grid-template-columns:1fr 285px}.lcpi-hero h1{font-size:38px}.lcpi-sidebar{min-height:700px}.lcpi-quick-access{display:none}.lcpi-feature-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1180px){.lcpi-front-desktop .lcpi-shell{grid-template-columns:210px 1fr}.lcpi-rightbar{grid-column:2}.lcpi-grid-top{grid-template-columns:1fr}.lcpi-content-grid,.lcpi-bottom-grid{grid-template-columns:1fr 1fr}.lcpi-bottom-grid>.lcpi-panel:last-child{grid-column:1/-1}}
@media(max-width:760px){.lcpi-mobile-screen{padding-left:16px;padding-right:16px}.lcpi-mobile-hero{grid-template-columns:1fr;min-height:0}.lcpi-mobile-hero .lcpi-trophy{position:absolute;right:10px;top:42px;width:180px;opacity:.65}.lcpi-mobile-stats{grid-template-columns:repeat(2,1fr)}.lcpi-mobile-stats div:nth-child(2){border-right:0}.lcpi-mobile-offers{grid-template-columns:repeat(4,165px)}.lcpi-mobile-card-list .lcpi-feed{grid-template-columns:38px 1fr auto 28px}.lcpi-mobile-card-list .lcpi-feed em{display:none}}


/* F2C Desktop polish: mockup-accurate topbar, sidebar toggle, professional headings */
.lcpi-front-desktop .lcpi-shell{transition:grid-template-columns .22s ease, gap .22s ease}.lcpi-menu-toggle{width:46px;height:46px;flex:0 0 46px;border-radius:14px;border:1px solid rgba(117,147,228,.24);background:linear-gradient(145deg,rgba(17,31,72,.92),rgba(5,12,30,.94));display:grid;place-items:center;padding:0;cursor:pointer}.lcpi-menu-toggle span{display:block;width:20px;height:2px;border-radius:9px;background:#dfe8ff;margin:2px 0;transition:.2s}.lcpi-menu-toggle:hover{border-color:rgba(201,79,255,.55);}.lcpi-menu-toggle:hover span{background:#fff}.lcpi-sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(161,73,255,.7) rgba(7,14,34,.55);padding-bottom:18px}.lcpi-sidebar::-webkit-scrollbar{width:6px}.lcpi-sidebar::-webkit-scrollbar-track{background:rgba(7,14,34,.45);border-radius:999px}.lcpi-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(#31d6ff,#b83cff);border-radius:999px}.lcpi-nav{flex:0 0 auto}.lcpi-mission-card{margin-top:8px}.lcpi-quick-access{margin-top:0}.lcpi-collapse{margin-top:auto;cursor:pointer;transition:.18s}.lcpi-collapse:hover{border-color:rgba(201,79,255,.52);transform:translateY(-1px)}.lcpi-sidebar-collapsed .lcpi-shell{grid-template-columns:82px minmax(720px,1fr) 360px}.lcpi-sidebar-collapsed .lcpi-brand span,.lcpi-sidebar-collapsed .lcpi-nav a:not(.is-active),.lcpi-sidebar-collapsed .lcpi-nav a.is-active{font-size:0}.lcpi-sidebar-collapsed .lcpi-brand{justify-content:center}.lcpi-sidebar-collapsed .lcpi-brand img{width:48px!important;height:48px!important}.lcpi-sidebar-collapsed .lcpi-nav a{justify-content:center;padding:0}.lcpi-sidebar-collapsed .lcpi-nav a span{font-size:21px;width:auto}.lcpi-sidebar-collapsed .lcpi-mission-card,.lcpi-sidebar-collapsed .lcpi-quick-access{display:none}.lcpi-sidebar-collapsed .lcpi-collapse{font-size:0;text-align:center;padding:0}.lcpi-sidebar-collapsed .lcpi-collapse:before{content:'≫';font-size:20px}.lcpi-sidebar-collapsed .lcpi-collapse span{display:none}.lcpi-sidebar-collapsed .lcpi-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.lcpi-sidebar-collapsed .lcpi-menu-toggle span:nth-child(2){opacity:0}.lcpi-sidebar-collapsed .lcpi-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.lcpi-topbar{height:64px;margin-bottom:20px;padding:0 2px}.lcpi-search{height:52px;border-radius:14px;background:linear-gradient(145deg,rgba(22,33,74,.86),rgba(9,17,42,.92));border:1px solid rgba(126,151,228,.26);}.lcpi-search:focus-within{border-color:rgba(185,77,255,.58);}.lcpi-top-actions{gap:10px}.lcpi-chip{height:48px;min-width:48px;border-radius:14px;background:linear-gradient(145deg,rgba(16,28,65,.92),rgba(4,10,27,.96));border-color:rgba(116,141,214,.24);}.lcpi-chip:hover{border-color:rgba(186,74,255,.45);}.lcpi-theme-toggle{min-width:68px;background:linear-gradient(145deg,rgba(12,21,52,.92),rgba(5,11,30,.96))}.lcpi-theme-toggle i{width:24px;height:24px}.lcpi-bell b{top:-7px;right:-5px;font-size:11px;border:2px solid #081126}.lcpi-guest{padding:4px 8px;border-radius:16px;background:rgba(11,21,50,.35);border:1px solid transparent}.lcpi-guest .avatar{width:46px;height:46px;position:relative}.lcpi-guest .avatar:after{content:'';position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#17d6ff;border:2px solid #081126;}.lcpi-topbar .lcpi-btn{height:50px;padding:0 26px;border-radius:12px;background:linear-gradient(135deg,#6b32ff 0%,#c335ff 48%,#8a35ff 100%);border:1px solid rgba(255,255,255,.22);font-size:15px}.lcpi-topbar .lcpi-btn:hover,.lcpi-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.lcpi-section-title{min-height:34px;margin-bottom:11px;padding:0 2px}.lcpi-section-title h2,.lcpi-section-title h3{display:flex;align-items:center;gap:8px;color:#f7f8ff;font-weight:900;letter-spacing:-.025em;text-shadow:0 0 14px rgba(135,104,255,.18)}.lcpi-section-title h2{font-size:22px}.lcpi-section-title h3{font-size:18px}.lcpi-section-title a{font-size:13px;line-height:1;color:#cf49ff!important;font-weight:800;text-shadow:0 0 12px rgba(205,73,255,.34);letter-spacing:.01em}.lcpi-section-title a:hover{color:#f36fff!important;text-decoration:none}.lcpi-content-grid>.lcpi-panel,.lcpi-rightbar>.lcpi-panel{border-radius:16px}.lcpi-rank-panel .lcpi-section-title{padding-bottom:8px;border-bottom:1px solid rgba(126,146,205,.12);margin-bottom:2px}.lcpi-rank-panel .lcpi-section-title + .lcpi-list-row{border-top:0}.lcpi-feed:first-of-type{border-top:0}.lcpi-rightbar .lcpi-section-title{padding-bottom:10px;border-bottom:1px solid rgba(126,146,205,.12);margin-bottom:2px}.lcpi-stat{border-radius:15px;background:radial-gradient(circle at 82% 12%,rgba(112,84,255,.16),transparent 32%),linear-gradient(145deg,rgba(14,25,59,.88),rgba(6,13,31,.96))}.lcpi-stat strong{letter-spacing:-.02em}.lcpi-stat small,.lcpi-stat em{line-height:1.25}.lcpi-stat small{font-size:13px}.lcpi-stat em{color:#d0d7f0}.lcpi-nav a{font-weight:500}.lcpi-nav a.is-active{font-weight:700}.lcpi-side-card .lcpi-btn,.lcpi-unlock .lcpi-btn{border-radius:11px}.lcpi-mission-card h3{font-size:18px;line-height:1.25}.lcpi-mission-card .lcpi-btn-full{height:46px}.lcpi-quick-access{padding:15px}.lcpi-quick-access h4{font-size:14px;font-weight:900}.lcpi-quick-access a:hover{border-color:rgba(186,74,255,.35);}
@media(max-width:1680px){.lcpi-sidebar-collapsed .lcpi-shell{grid-template-columns:80px minmax(660px,1fr) 340px}}@media(max-width:1480px){.lcpi-sidebar-collapsed .lcpi-shell{grid-template-columns:78px minmax(620px,1fr) 320px}}@media(max-width:1180px){.lcpi-sidebar-collapsed .lcpi-front-desktop .lcpi-shell,.lcpi-sidebar-collapsed .lcpi-shell{grid-template-columns:78px 1fr}.lcpi-sidebar-collapsed .lcpi-rightbar{grid-column:2}}

/* F2D — desktop layout correction: topbar spans over content + right rail, no sidebar scrollbar, polished headings/feeds */
.lcpi-front-desktop .lcpi-shell{
  grid-template-columns:226px minmax(720px,1fr) 360px;
  grid-auto-rows:auto;
  align-items:start;
}
.lcpi-front-desktop .lcpi-main{display:contents;min-width:0}
.lcpi-front-desktop .lcpi-topbar{
  grid-column:2 / 4;
  grid-row:1;
  width:100%;
  height:62px;
  margin:0 0 16px 0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.lcpi-front-desktop .lcpi-grid-top,
.lcpi-front-desktop .lcpi-hot-section,
.lcpi-front-desktop .lcpi-content-grid,
.lcpi-front-desktop .lcpi-bottom-grid,
.lcpi-front-desktop .lcpi-feature-strip{grid-column:2;min-width:0}
.lcpi-front-desktop .lcpi-rightbar{grid-column:3;grid-row:2 / span 6;align-self:start;min-width:0}
.lcpi-front-desktop .lcpi-search{
  width:min(610px,42vw);
  max-width:610px;
  height:50px;
  border-radius:13px;
  background:linear-gradient(145deg,rgba(18,31,70,.9),rgba(8,16,41,.95));
  border:1px solid rgba(112,139,218,.25);
  
}
.lcpi-front-desktop .lcpi-search span{font-size:20px;color:#c4d2ff;text-shadow:0 0 12px rgba(117,147,255,.45)}
.lcpi-front-desktop .lcpi-search input{font-weight:500;letter-spacing:.005em}.lcpi-front-desktop .lcpi-search input::placeholder{color:#9da8c9}
.lcpi-front-desktop .lcpi-menu-toggle{display:none!important}
.lcpi-sidebar{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  scrollbar-width:none!important;
}
.lcpi-sidebar::-webkit-scrollbar{display:none!important}
.lcpi-collapse{
  height:42px;
  border-radius:13px;
  background:linear-gradient(145deg,rgba(14,28,64,.86),rgba(5,12,31,.95));
  color:#dbe6ff;
  border:1px solid rgba(105,132,211,.22);
  
}
.lcpi-collapse:hover{border-color:rgba(185,74,255,.5);}
.lcpi-section-title{min-height:32px;margin-bottom:10px;padding:0}
.lcpi-section-title h2,.lcpi-section-title h3{
  display:flex;align-items:center;gap:9px;
  color:#fbfcff;
  font-weight:850;
  letter-spacing:-.018em;
  text-shadow:0 0 14px rgba(142,102,255,.2);
}
.lcpi-section-title h2{font-size:22px}.lcpi-section-title h3{font-size:17px}
.lcpi-section-title a{
  color:#d94dff!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.015em;
  text-shadow:0 0 14px rgba(217,77,255,.36);
}
.lcpi-title-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;font-size:13px;background:rgba(0,215,255,.09);color:#23d7ff;}
.lcpi-title-live{color:#d64fff;background:rgba(214,79,255,.1);}
.lcpi-title-payout{color:#34d3ff;background:rgba(52,211,255,.1);}
.lcpi-rightbar .lcpi-panel{padding:16px 18px;border-radius:16px;background:linear-gradient(145deg,rgba(13,25,58,.84),rgba(5,12,30,.96));}
.lcpi-rightbar .lcpi-section-title{padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid rgba(130,149,214,.12)}
.lcpi-feed{border-top:1px solid rgba(130,149,214,.1)}
.lcpi-live-feed{grid-template-columns:34px minmax(72px,1fr) 72px 78px 24px;gap:10px;font-size:13px;align-items:center}
.lcpi-payout-feed{grid-template-columns:34px minmax(120px,1fr) 72px 70px 24px;gap:10px;font-size:13px;align-items:center}
.lcpi-geo-flag{display:grid!important;place-items:center;width:28px;height:22px;border-radius:5px;font-size:18px;}
.lcpi-live-feed strong,.lcpi-payout-feed strong{display:none!important}
.lcpi-live-feed em,.lcpi-payout-feed em{font-style:normal;color:#f3f6ff;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lcpi-live-feed small,.lcpi-payout-feed small{font-size:12px;color:#c7d0ed;text-align:right;white-space:nowrap}.lcpi-live-feed b,.lcpi-payout-feed b{font-size:13px;color:#25ff74;text-align:right;white-space:nowrap}.lcpi-live-feed i,.lcpi-payout-feed i{font-style:normal;opacity:.82;text-align:right;font-size:13px}
.lcpi-online,.online{display:block;margin-top:10px;color:#22ff7b!important;font-size:12px!important;font-weight:650}.lcpi-stat{padding:20px 21px}.lcpi-stat span{font-size:25px}.lcpi-stat strong{font-size:30px}.lcpi-stat small{font-size:13px;color:#cfd7ef}.lcpi-stat em{font-size:12px;color:#d8def4}.lcpi-stat:after{opacity:.07}
@media(max-width:1680px){.lcpi-front-desktop .lcpi-shell{grid-template-columns:224px minmax(660px,1fr) 340px}.lcpi-front-desktop .lcpi-search{width:min(560px,40vw)}}
@media(max-width:1480px){.lcpi-front-desktop .lcpi-shell{grid-template-columns:216px minmax(620px,1fr) 320px}.lcpi-front-desktop .lcpi-search{width:min(500px,38vw)}.lcpi-front-desktop .lcpi-top-actions{gap:7px}.lcpi-front-desktop .lcpi-topbar .lcpi-btn{padding:0 18px}.lcpi-payout-feed{grid-template-columns:30px minmax(92px,1fr) 62px 60px 20px}.lcpi-live-feed{grid-template-columns:30px minmax(58px,1fr) 62px 66px 20px}}
@media(max-width:1180px){.lcpi-front-desktop .lcpi-topbar{grid-column:2}.lcpi-front-desktop .lcpi-grid-top,.lcpi-front-desktop .lcpi-hot-section,.lcpi-front-desktop .lcpi-content-grid,.lcpi-front-desktop .lcpi-bottom-grid,.lcpi-front-desktop .lcpi-feature-strip{grid-column:2}.lcpi-front-desktop .lcpi-rightbar{grid-column:2;grid-row:auto}.lcpi-front-desktop .lcpi-search{width:100%;max-width:none}.lcpi-front-desktop .lcpi-topbar{flex-wrap:wrap;height:auto}.lcpi-front-desktop .lcpi-top-actions{margin-left:auto}}

/* F2E — hard layout recovery: remove CSS-grid row collapse caused by display:contents */
.lcpi-front-desktop .lcpi-shell{
  display:grid!important;
  grid-template-columns:226px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  gap:16px!important;
  width:min(100%,1720px)!important;
  max-width:1720px!important;
  margin:0 auto!important;
  padding:20px!important;
  align-items:start!important;
}
.lcpi-front-desktop .lcpi-sidebar{
  grid-column:1!important;
  grid-row:1!important;
  position:sticky!important;
  top:20px!important;
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:8px 14px 14px!important;
}
.lcpi-front-desktop .lcpi-body{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:16px!important;
}
.lcpi-front-desktop .lcpi-topbar{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  height:58px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.lcpi-front-desktop .lcpi-body-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:16px!important;
  align-items:start!important;
  min-width:0!important;
}
.lcpi-front-desktop .lcpi-main{
  display:block!important;
  grid-column:1!important;
  min-width:0!important;
}
.lcpi-front-desktop .lcpi-rightbar{
  grid-column:2!important;
  grid-row:auto!important;
  display:grid!important;
  align-content:start!important;
  gap:16px!important;
  min-width:0!important;
}
.lcpi-front-desktop .lcpi-grid-top,
.lcpi-front-desktop .lcpi-hot-section,
.lcpi-front-desktop .lcpi-content-grid,
.lcpi-front-desktop .lcpi-bottom-grid,
.lcpi-front-desktop .lcpi-feature-strip{
  grid-column:auto!important;
}
.lcpi-front-desktop .lcpi-menu-toggle{display:none!important}
.lcpi-front-desktop .lcpi-collapse{display:flex;align-items:center;gap:8px;margin-top:0!important}
.lcpi-front-desktop .lcpi-search{width:min(610px,42vw)!important;max-width:610px!important;flex:1 1 auto!important}
.lcpi-front-desktop .lcpi-top-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:10px!important}
.lcpi-front-desktop .lcpi-section-title h2{font-size:23px!important;line-height:1.1!important}
.lcpi-front-desktop .lcpi-section-title h3{font-size:18px!important;line-height:1.1!important}
.lcpi-front-desktop .lcpi-section-title a{font-size:12px!important;color:#df51ff!important;font-weight:800!important}
@media(max-width:1680px){
  .lcpi-front-desktop .lcpi-shell{grid-template-columns:220px minmax(0,1fr)!important;max-width:1500px!important}
  .lcpi-front-desktop .lcpi-body-grid{grid-template-columns:minmax(0,1fr) 330px!important}
  .lcpi-front-desktop .lcpi-search{width:min(560px,39vw)!important}
}
@media(max-width:1480px){
  .lcpi-front-desktop .lcpi-shell{grid-template-columns:210px minmax(0,1fr)!important;max-width:1360px!important;padding:16px!important}
  .lcpi-front-desktop .lcpi-body-grid{grid-template-columns:minmax(0,1fr) 310px!important;gap:14px!important}
  .lcpi-front-desktop .lcpi-search{width:min(500px,36vw)!important}
  .lcpi-front-desktop .lcpi-top-actions{gap:7px!important}
  .lcpi-front-desktop .lcpi-topbar .lcpi-btn{padding:0 18px!important}
}
@media(max-width:1180px){
  .lcpi-front-desktop .lcpi-shell{grid-template-columns:200px minmax(0,1fr)!important}
  .lcpi-front-desktop .lcpi-body-grid{grid-template-columns:1fr!important}
  .lcpi-front-desktop .lcpi-rightbar{grid-column:1!important}
  .lcpi-front-desktop .lcpi-topbar{height:auto!important;flex-wrap:wrap!important}
  .lcpi-front-desktop .lcpi-search{width:100%!important;max-width:none!important}
}

/* F2F — align lower dashboard rows with the original desktop mockup.
   Bottom statistic cards now span under the right rail, including the space below
   "Want to see all data?" instead of ending at the main column. */
.lcpi-front-desktop .lcpi-body-grid{
  grid-template-columns:minmax(0,1fr) 360px!important;
  grid-auto-flow:row!important;
  align-items:start!important;
}
.lcpi-front-desktop .lcpi-main{
  grid-column:1!important;
  grid-row:1!important;
}
.lcpi-front-desktop .lcpi-rightbar{
  grid-column:2!important;
  grid-row:1!important;
}
.lcpi-front-desktop .lcpi-wide-row,
.lcpi-front-desktop .lcpi-bottom-grid,
.lcpi-front-desktop .lcpi-feature-strip{
  grid-column:1 / 3!important;
  width:100%!important;
  min-width:0!important;
}
.lcpi-front-desktop .lcpi-bottom-grid{
  display:grid!important;
  grid-template-columns:1fr 1.15fr 1.45fr!important;
  gap:16px!important;
  margin-top:0!important;
}
.lcpi-front-desktop .lcpi-bottom-grid>.lcpi-panel{
  min-width:0!important;
}
.lcpi-front-desktop .lcpi-country-panel{
  min-height:190px!important;
}
.lcpi-front-desktop .lcpi-country{
  height:132px!important;
}
.lcpi-front-desktop .lcpi-feature-strip{
  margin-top:0!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.lcpi-front-desktop .lcpi-unlock{
  margin-bottom:0!important;
}
@media(max-width:1680px){
  .lcpi-front-desktop .lcpi-body-grid{grid-template-columns:minmax(0,1fr) 330px!important}
  .lcpi-front-desktop .lcpi-bottom-grid{grid-template-columns:1fr 1.15fr 1.45fr!important}
}
@media(max-width:1480px){
  .lcpi-front-desktop .lcpi-body-grid{grid-template-columns:minmax(0,1fr) 310px!important}
  .lcpi-front-desktop .lcpi-bottom-grid{grid-template-columns:1fr 1.15fr 1.45fr!important;gap:14px!important}
  .lcpi-front-desktop .lcpi-feature-strip{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;padding:16px!important}
  .lcpi-front-desktop .lcpi-feature-strip div{column-gap:8px!important}
  .lcpi-front-desktop .lcpi-feature-strip strong{font-size:13px!important}
  .lcpi-front-desktop .lcpi-feature-strip small{font-size:11px!important}
}
@media(max-width:1180px){
  .lcpi-front-desktop .lcpi-body-grid{grid-template-columns:1fr!important}
  .lcpi-front-desktop .lcpi-main,
  .lcpi-front-desktop .lcpi-rightbar,
  .lcpi-front-desktop .lcpi-wide-row,
  .lcpi-front-desktop .lcpi-bottom-grid,
  .lcpi-front-desktop .lcpi-feature-strip{grid-column:1!important}
  .lcpi-front-desktop .lcpi-bottom-grid{grid-template-columns:1fr 1fr!important}
  .lcpi-front-desktop .lcpi-bottom-grid>.lcpi-panel:last-child{grid-column:1 / -1!important}
  .lcpi-front-desktop .lcpi-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* F2G — desktop visual polish: mockup-like topbar alignment, lighter typography,
   cleaner action buttons, list rows, and dashboard card proportions. */
.lcpi-front-desktop{
  font-weight:400!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.lcpi-front-desktop .lcpi-shell{
  width:100%!important;
  max-width:1920px!important;
  padding:18px 18px 18px 18px!important;
  gap:18px!important;
}
.lcpi-front-desktop .lcpi-body{min-width:0!important;width:100%!important}
.lcpi-front-desktop .lcpi-topbar{
  width:100%!important;
  height:58px!important;
  padding:0!important;
  gap:14px!important;
  justify-content:flex-start!important;
}
.lcpi-front-desktop .lcpi-search{
  flex:0 1 620px!important;
  width:min(620px,43vw)!important;
  height:50px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(19,31,70,.76),rgba(8,15,39,.91))!important;
  border:1px solid rgba(120,143,220,.24)!important;
  
}
.lcpi-front-desktop .lcpi-search input{font-size:14px!important;font-weight:400!important;letter-spacing:0!important}
.lcpi-front-desktop .lcpi-top-actions{
  flex:1 1 auto!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:0!important;
}
.lcpi-front-desktop .lcpi-chip{
  height:48px!important;
  min-width:48px!important;
  border-radius:14px!important;
  color:#f5f7ff!important;
  background:linear-gradient(145deg,rgba(16,29,66,.72),rgba(5,11,29,.94))!important;
  border:1px solid rgba(121,143,218,.22)!important;
  
}
.lcpi-front-desktop .lcpi-theme-toggle{min-width:68px!important}
.lcpi-front-desktop .lcpi-guest{
  flex:0 0 auto!important;
  min-width:154px!important;
  padding:0 8px!important;
  background:transparent!important;
}
.lcpi-front-desktop .lcpi-guest strong{font-size:15px!important;font-weight:650!important;letter-spacing:0!important;line-height:1.05!important}
.lcpi-front-desktop .lcpi-guest small{font-size:11px!important;font-weight:400!important;color:#b8c2dd!important}
.lcpi-front-desktop .lcpi-topbar .lcpi-btn,
.lcpi-front-desktop .lcpi-btn{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  height:50px!important;
  padding:0 25px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:.005em!important;
  background:linear-gradient(135deg,#7435ff 0%,#b936ff 48%,#7b32ff 100%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.2)!important;
  
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
}
.lcpi-front-desktop .lcpi-btn:before{
  content:"";position:absolute;inset:1px 1px auto 1px;height:48%;border-radius:11px 11px 7px 7px;
  background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0));opacity:.65;z-index:-1;
}
.lcpi-front-desktop .lcpi-btn:after{
  content:"";position:absolute;top:-80%;bottom:-80%;width:40px;left:-55px;transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);opacity:.55;
  transition:left .45s ease;z-index:0;pointer-events:none;
}
.lcpi-front-desktop .lcpi-btn:hover:after{left:115%}
.lcpi-front-desktop .lcpi-btn:hover{transform:translateY(-1px)!important;filter:brightness(1.07)!important;}
.lcpi-front-desktop .lcpi-link{font-weight:600!important;font-size:14px!important;color:#f4f6ff!important}

.lcpi-front-desktop .lcpi-section-title{
  min-height:30px!important;
  margin-bottom:10px!important;
  padding:0 1px!important;
}
.lcpi-front-desktop .lcpi-section-title h2,
.lcpi-front-desktop .lcpi-section-title h3{
  font-weight:650!important;
  color:#f8faff!important;
  letter-spacing:-.01em!important;
  text-shadow:0 0 10px rgba(109,91,255,.13)!important;
}
.lcpi-front-desktop .lcpi-section-title h2{font-size:24px!important}
.lcpi-front-desktop .lcpi-section-title h3{font-size:18px!important}
.lcpi-front-desktop .lcpi-section-title a{
  font-size:12px!important;
  font-weight:650!important;
  color:#e553ff!important;
  text-shadow:0 0 12px rgba(223,79,255,.28)!important;
}
.lcpi-front-desktop .lcpi-rank-panel{padding:13px 16px!important}
.lcpi-front-desktop .lcpi-rank-panel .lcpi-section-title,
.lcpi-front-desktop .lcpi-rightbar .lcpi-section-title{
  border-bottom:1px solid rgba(130,149,214,.115)!important;
  padding-bottom:9px!important;
}
.lcpi-front-desktop .lcpi-list-row{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 72px 62px!important;
  gap:9px!important;
  align-items:center!important;
  min-height:38px!important;
  padding:7px 0!important;
  border-top:1px solid rgba(130,149,214,.08)!important;
  font-size:14px!important;
  line-height:1.15!important;
}
.lcpi-front-desktop .lcpi-list-row span{
  width:24px!important;height:24px!important;border-radius:9px!important;display:grid!important;place-items:center!important;
  background:rgba(135,153,208,.13)!important;color:#d7def8!important;font-size:12px!important;font-weight:600!important;
}
.lcpi-front-desktop .lcpi-list-row strong{
  min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:14px!important;font-weight:600!important;color:#f3f6ff!important;
}
.lcpi-front-desktop .lcpi-list-row strong i{font-style:normal;flex:0 0 auto}
.lcpi-front-desktop .lcpi-list-row small{font-size:9px!important;font-weight:600!important;color:#d5dcf8!important;background:rgba(151,166,217,.16)!important;border-radius:6px!important;padding:2px 5px!important;margin-left:2px!important;flex:0 0 auto!important}
.lcpi-front-desktop .lcpi-list-row em{font-style:normal!important;color:#dce4ff!important;font-size:12px!important;font-weight:500!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.lcpi-front-desktop .lcpi-list-row b{
  justify-self:end!important;min-width:54px!important;padding:5px 8px!important;border-radius:8px!important;text-align:center!important;
  font-size:12px!important;font-weight:650!important;color:#22ff72!important;background:rgba(34,240,100,.14)!important;white-space:nowrap!important;
}
.lcpi-front-desktop .lcpi-list-row b.is-medium,.lcpi-front-desktop .lcpi-list-row b:not(.is-easy):not(.is-hard){color:#ffd12c!important;background:rgba(255,186,33,.14)!important}
.lcpi-front-desktop .lcpi-list-row b.is-hard{color:#ff4f77!important;background:rgba(255,63,103,.14)!important}

.lcpi-front-desktop .lcpi-feed{
  min-height:38px!important;
  padding:8px 0!important;
  border-top:1px solid rgba(130,149,214,.09)!important;
  font-size:13px!important;
  line-height:1.1!important;
}
.lcpi-front-desktop .lcpi-live-feed{grid-template-columns:30px minmax(42px,50px) minmax(0,1fr) 72px 70px 22px!important}
.lcpi-front-desktop .lcpi-payout-feed{grid-template-columns:30px minmax(44px,54px) minmax(0,1fr) 64px 68px 22px!important}
.lcpi-front-desktop .lcpi-feed strong,
.lcpi-front-desktop .lcpi-feed em{font-weight:600!important;color:#f1f5ff!important}
.lcpi-front-desktop .lcpi-feed small{font-weight:400!important;color:#c3cbe5!important}
.lcpi-front-desktop .lcpi-feed b{font-weight:650!important;color:#22ff72!important}
.lcpi-front-desktop .lcpi-geo-flag{font-size:17px!important;}
.lcpi-front-desktop .online{font-weight:500!important;font-size:11px!important;margin-top:8px!important}

.lcpi-front-desktop .lcpi-bottom-grid{grid-template-columns:1fr 1.15fr 1.35fr!important;gap:14px!important}
.lcpi-front-desktop .lcpi-country-panel{min-height:178px!important;padding:16px 18px!important}
.lcpi-front-desktop .lcpi-country{height:118px!important;grid-template-columns:minmax(0,1fr) 150px 28px!important;align-items:center!important;gap:12px!important}
.lcpi-front-desktop .lcpi-country p{font-size:13px!important;margin:7px 0!important;display:flex!important;justify-content:space-between!important;gap:12px!important}
.lcpi-front-desktop .lcpi-country p span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.lcpi-front-desktop .lcpi-country p b{font-weight:650!important;color:#ffce2c!important}
.lcpi-front-desktop .lcpi-country .donut{
  width:118px!important;height:118px!important;border-radius:50%!important;
  background:conic-gradient(#23cdfc 0 29%,#762eff 29% 62%,#fc33e7 62% 78%,#40dd6d 78% 100%)!important;
  
}
.lcpi-front-desktop .lcpi-country .donut:before{inset:25px!important;background:#071228!important}
.lcpi-front-desktop .lcpi-country .donut strong{font-size:28px!important;font-weight:650!important}
.lcpi-front-desktop .lcpi-country .donut small{font-size:11px!important;font-weight:500!important}
.lcpi-front-desktop .lcpi-mini-lock{width:30px!important;height:30px!important;border-radius:50%!important;background:rgba(109,85,255,.2)!important;display:grid!important;place-items:center!important;justify-self:end!important}

.lcpi-front-desktop .lcpi-stat strong,
.lcpi-front-desktop .lcpi-hero h1{font-weight:700!important}
.lcpi-front-desktop .lcpi-hero p,
.lcpi-front-desktop .lcpi-stat small,
.lcpi-front-desktop .lcpi-stat em{font-weight:400!important}
@media(max-width:1680px){
  .lcpi-front-desktop .lcpi-topbar .lcpi-btn{padding:0 22px!important}
  .lcpi-front-desktop .lcpi-guest{min-width:142px!important}
  .lcpi-front-desktop .lcpi-live-feed{grid-template-columns:28px 42px minmax(0,1fr) 66px 62px 20px!important}
  .lcpi-front-desktop .lcpi-payout-feed{grid-template-columns:28px 42px minmax(0,1fr) 58px 62px 20px!important}
}
@media(max-width:1480px){
  .lcpi-front-desktop .lcpi-search{width:min(500px,34vw)!important;flex-basis:500px!important}
  .lcpi-front-desktop .lcpi-top-actions{gap:7px!important}
  .lcpi-front-desktop .lcpi-topbar .lcpi-btn{padding:0 18px!important;font-size:13px!important}
  .lcpi-front-desktop .lcpi-guest{min-width:128px!important}
  .lcpi-front-desktop .lcpi-list-row{grid-template-columns:26px minmax(0,1fr) 58px 54px!important;gap:7px!important;font-size:13px!important}
  .lcpi-front-desktop .lcpi-list-row strong{font-size:13px!important}
  .lcpi-front-desktop .lcpi-list-row em{font-size:11px!important}
  .lcpi-front-desktop .lcpi-list-row b{min-width:48px!important;font-size:11px!important;padding:5px 6px!important}
  .lcpi-front-desktop .lcpi-country{grid-template-columns:minmax(0,1fr) 132px 24px!important}
  .lcpi-front-desktop .lcpi-country .donut{width:108px!important;height:108px!important}
}

/* F2O — typography absolute lock from approved F2G base.
   This block is intentionally placed at the very end so it wins over every older
   F2 patch rule. It does NOT change layout/grid/assets. */
html, body.lcpi-front{
  font-family:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
  font-synthesis:none!important;
}
body.lcpi-front,
body.lcpi-front *{
  font-family:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
}
/* baseline: lighter UI like the approved mockup */
body.lcpi-front{font-weight:400!important;letter-spacing:-.012em!important;color:#f5f8ff!important}
.lcpi-front-desktop .lcpi-brand strong{font-weight:650!important;letter-spacing:.025em!important}.lcpi-front-desktop .lcpi-brand small{font-weight:500!important;letter-spacing:.11em!important}
.lcpi-front-desktop .lcpi-nav a{font-weight:500!important;font-size:15px!important;letter-spacing:-.015em!important}.lcpi-front-desktop .lcpi-nav a.is-active{font-weight:560!important}
.lcpi-front-desktop .lcpi-mission-card h3,.lcpi-front-desktop .lcpi-quick-access h4{font-weight:560!important;letter-spacing:-.018em!important}.lcpi-front-desktop .lcpi-mission-card li,.lcpi-front-desktop .lcpi-quick-access small{font-weight:400!important}
/* hero keeps hierarchy but not thick */
.lcpi-front-desktop .lcpi-hero h1{font-weight:650!important;letter-spacing:-.048em!important;line-height:1.055!important;text-shadow:none!important}.lcpi-front-desktop .lcpi-hero p{font-weight:400!important;letter-spacing:-.014em!important;line-height:1.55!important;color:#d7def4!important}
/* primary buttons: compact, soft glow, no bloated bold */
.lcpi-front-desktop .lcpi-btn,.lcpi-front-desktop .lcpi-btn-full,.lcpi-front-desktop .lcpi-topbar .lcpi-btn,.lcpi-front-desktop .lcpi-actions .lcpi-btn,.lcpi-front-desktop .lcpi-unlock .lcpi-btn,.lcpi-front-desktop .lcpi-mission-card .lcpi-btn{
  min-height:42px!important;height:42px!important;padding:0 18px!important;border-radius:10px!important;
  font-size:13px!important;font-weight:560!important;letter-spacing:-.01em!important;
  background:linear-gradient(180deg,#ba54ff 0%,#8634ff 100%)!important;
  border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;text-shadow:none!important;
  
  position:relative!important;overflow:hidden!important;
}
.lcpi-front-desktop .lcpi-topbar .lcpi-btn{height:44px!important;min-height:44px!important;padding:0 20px!important}.lcpi-front-desktop .lcpi-actions .lcpi-btn{padding:0 22px!important}.lcpi-front-desktop .lcpi-btn:hover{transform:translateY(-1px)!important;}.lcpi-front-desktop .lcpi-btn:before{content:""!important;position:absolute!important;inset:0 auto 0 -58%!important;width:38%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent)!important;transform:skewX(-18deg)!important;opacity:.55!important;transition:left .55s ease!important}.lcpi-front-desktop .lcpi-btn:hover:before{left:122%!important}.lcpi-front-desktop .lcpi-btn:after{display:none!important}.lcpi-front-desktop .lcpi-link{font-size:13px!important;font-weight:520!important;letter-spacing:-.012em!important;text-shadow:none!important;color:#f2f5ff!important}
/* titles: remove the over-bold 800/850 feel */
.lcpi-front-desktop .lcpi-section-title h2,.lcpi-front-desktop .lcpi-section-title h3,.lcpi-front-desktop .lcpi-rank-panel .lcpi-section-title h3,.lcpi-front-desktop .lcpi-rightbar .lcpi-section-title h3{
  font-weight:560!important;letter-spacing:-.028em!important;color:#f6f8ff!important;text-shadow:0 0 9px rgba(142,102,255,.10)!important;
}
.lcpi-front-desktop .lcpi-section-title h2{font-size:23px!important;line-height:1.12!important}.lcpi-front-desktop .lcpi-section-title h3{font-size:17px!important;line-height:1.12!important}
.lcpi-front-desktop .lcpi-section-title a{font-size:12px!important;font-weight:500!important;letter-spacing:.006em!important;color:#d954ff!important;text-shadow:0 0 10px rgba(217,77,255,.22)!important}
/* offer cards */
.lcpi-front-desktop .lcpi-offer-card strong{font-size:14px!important;font-weight:560!important;letter-spacing:-.022em!important;color:#f7f9ff!important;text-shadow:none!important}.lcpi-front-desktop .lcpi-offer-card em{font-weight:500!important;font-size:10px!important;letter-spacing:.015em!important}.lcpi-front-desktop .lcpi-offer-card footer span{font-weight:500!important}.lcpi-front-desktop .lcpi-offer-card footer b{font-weight:560!important}
/* list/table rows: strongest visual mismatch was here */
.lcpi-front-desktop .lcpi-list-row{font-size:14px!important;line-height:1.18!important}.lcpi-front-desktop .lcpi-list-row strong{font-weight:500!important;letter-spacing:-.022em!important;color:#f4f7ff!important;text-shadow:none!important}.lcpi-front-desktop .lcpi-list-row em{font-weight:400!important;letter-spacing:-.008em!important;color:#d8e0f8!important}.lcpi-front-desktop .lcpi-list-row b{font-weight:520!important;letter-spacing:-.008em!important}.lcpi-front-desktop .lcpi-list-row small{font-weight:500!important}.lcpi-front-desktop .lcpi-list-row span{font-weight:500!important}
/* live leads / recent payouts */
.lcpi-front-desktop .lcpi-feed,.lcpi-front-desktop .lcpi-live-feed,.lcpi-front-desktop .lcpi-payout-feed{font-weight:400!important}.lcpi-front-desktop .lcpi-feed strong,.lcpi-front-desktop .lcpi-feed em{font-weight:500!important;letter-spacing:-.018em!important;text-shadow:none!important}.lcpi-front-desktop .lcpi-feed small{font-weight:400!important;color:#c4cde9!important}.lcpi-front-desktop .lcpi-feed b{font-weight:520!important;letter-spacing:-.006em!important}.lcpi-front-desktop .online{font-weight:500!important;font-size:11px!important}
/* stats cards */
.lcpi-front-desktop .lcpi-stat strong{font-weight:600!important;letter-spacing:-.036em!important;text-shadow:none!important}.lcpi-front-desktop .lcpi-stat small{font-weight:500!important;letter-spacing:-.012em!important}.lcpi-front-desktop .lcpi-stat em{font-weight:400!important;letter-spacing:-.006em!important}.lcpi-front-desktop .lcpi-stat span{font-weight:400!important}
/* lower cards / footer */
.lcpi-front-desktop .lcpi-locked h3,.lcpi-front-desktop .lcpi-country-panel h3,.lcpi-front-desktop .lcpi-unlock h3,.lcpi-front-desktop .lcpi-feature-strip strong{font-weight:560!important;letter-spacing:-.022em!important}.lcpi-front-desktop .lcpi-locked p,.lcpi-front-desktop .lcpi-country-panel p,.lcpi-front-desktop .lcpi-unlock p,.lcpi-front-desktop .lcpi-feature-strip small{font-weight:400!important;letter-spacing:-.008em!important}.lcpi-front-desktop .lcpi-country-panel b,.lcpi-front-desktop .donut strong{font-weight:560!important}
/* topbar */
.lcpi-front-desktop .lcpi-search input{font-weight:400!important;letter-spacing:-.012em!important}.lcpi-front-desktop .lcpi-chip{font-weight:500!important}.lcpi-front-desktop .lcpi-guest strong{font-weight:560!important;letter-spacing:-.018em!important}.lcpi-front-desktop .lcpi-guest small{font-weight:400!important}
/* Avoid old F2 override blocks re-thickening text on narrower desktop */
@media(max-width:1680px){.lcpi-front-desktop .lcpi-list-row strong{font-weight:500!important}.lcpi-front-desktop .lcpi-section-title h2,.lcpi-front-desktop .lcpi-section-title h3{font-weight:560!important}.lcpi-front-desktop .lcpi-topbar .lcpi-btn{font-weight:560!important}}
@media(max-width:1480px){.lcpi-front-desktop .lcpi-list-row strong{font-weight:500!important}.lcpi-front-desktop .lcpi-topbar .lcpi-btn{font-weight:560!important;font-size:13px!important}.lcpi-front-desktop .lcpi-section-title h2,.lcpi-front-desktop .lcpi-section-title h3{font-weight:560!important}}


/* frontend-thin-lock.css */
/*
 * LeadCPI F2P — Real typography thin lock.
 * Loaded AFTER frontend-shell.css. This file intentionally uses explicit
 * selectors and !important so the visible UI changes immediately even when
 * old F2 rules contain 800/900 weights or later media overrides.
 * No layout/grid/SQL changes.
 */
html,
body.lcpi-front,
body.lcpi-front *{
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
    font-synthesis-weight: none !important;
}
body.lcpi-front{
    font-weight: 400 !important;
    letter-spacing: -0.014em !important;
}
/* Sidebar/menu */
.lcpi-front-desktop .lcpi-brand strong{font-weight:600!important;letter-spacing:.025em!important}
.lcpi-front-desktop .lcpi-brand small{font-weight:400!important;letter-spacing:.105em!important}
.lcpi-front-desktop .lcpi-nav a{font-weight:450!important;font-size:15px!important;letter-spacing:-.018em!important}
.lcpi-front-desktop .lcpi-nav a.is-active{font-weight:520!important}
.lcpi-front-desktop .lcpi-mission-card h3{font-weight:520!important;letter-spacing:-.02em!important}
.lcpi-front-desktop .lcpi-mission-card li{font-weight:400!important}
.lcpi-front-desktop .lcpi-quick-access h4{font-weight:520!important;letter-spacing:-.018em!important}
.lcpi-front-desktop .lcpi-quick-access small{font-weight:400!important}
/* Hero */
.lcpi-front-desktop .lcpi-hero h1{
    font-weight:600!important;
    letter-spacing:-.052em!important;
    line-height:1.055!important;
    text-shadow:none!important;
}
.lcpi-front-desktop .lcpi-hero p{font-weight:400!important;letter-spacing:-.012em!important;color:#d5dcf2!important}
/* Buttons: compact, softer, less bold */
.lcpi-front-desktop .lcpi-btn,
.lcpi-front-desktop .lcpi-btn-full,
.lcpi-front-desktop .lcpi-topbar .lcpi-btn,
.lcpi-front-desktop .lcpi-actions .lcpi-btn,
.lcpi-front-desktop .lcpi-unlock .lcpi-btn,
.lcpi-front-desktop .lcpi-mission-card .lcpi-btn{
    min-height:40px!important;
    height:40px!important;
    padding:0 17px!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:520!important;
    letter-spacing:-.012em!important;
    text-shadow:none!important;
    background:linear-gradient(180deg,#b94dff 0%,#842fff 100%)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    
}
.lcpi-front-desktop .lcpi-topbar .lcpi-btn{height:42px!important;min-height:42px!important;padding:0 18px!important}
.lcpi-front-desktop .lcpi-actions .lcpi-btn{padding:0 21px!important}
.lcpi-front-desktop .lcpi-link{font-size:13px!important;font-weight:450!important;letter-spacing:-.014em!important;text-shadow:none!important}
/* All section titles: visible thin-down from current heavy look */
.lcpi-front-desktop .lcpi-section-title h2,
.lcpi-front-desktop .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-rank-panel .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-rightbar .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-locked h3,
.lcpi-front-desktop .lcpi-country-panel h3,
.lcpi-front-desktop .lcpi-unlock h3{
    font-weight:500!important;
    letter-spacing:-.034em!important;
    color:#f4f7ff!important;
    text-shadow:0 0 7px rgba(142,102,255,.08)!important;
}
.lcpi-front-desktop .lcpi-section-title h2{font-size:23px!important;line-height:1.12!important}
.lcpi-front-desktop .lcpi-section-title h3{font-size:17px!important;line-height:1.12!important}
.lcpi-front-desktop .lcpi-section-title a{
    font-size:12px!important;
    font-weight:450!important;
    letter-spacing:.006em!important;
    color:#d954ff!important;
    text-shadow:0 0 8px rgba(217,77,255,.18)!important;
}
/* Offer cards */
.lcpi-front-desktop .lcpi-offer-card strong{font-weight:500!important;letter-spacing:-.026em!important;text-shadow:none!important}
.lcpi-front-desktop .lcpi-offer-card em{font-weight:450!important;letter-spacing:.01em!important}
.lcpi-front-desktop .lcpi-offer-card footer span{font-weight:450!important}
.lcpi-front-desktop .lcpi-offer-card footer b{font-weight:500!important}
/* Ranking / payout / converting lists */
.lcpi-front-desktop .lcpi-list-row,
.lcpi-front-desktop .lcpi-list-row *{text-shadow:none!important}
.lcpi-front-desktop .lcpi-list-row{font-weight:400!important;font-size:14px!important;line-height:1.18!important}
.lcpi-front-desktop .lcpi-list-row strong{font-weight:450!important;letter-spacing:-.026em!important;color:#f2f6ff!important}
.lcpi-front-desktop .lcpi-list-row em{font-weight:350!important;letter-spacing:-.006em!important;color:#d7def4!important}
.lcpi-front-desktop .lcpi-list-row b{font-weight:480!important;letter-spacing:-.01em!important}
.lcpi-front-desktop .lcpi-list-row small{font-weight:450!important}
.lcpi-front-desktop .lcpi-list-row span{font-weight:450!important}
/* Live leads and payouts */
.lcpi-front-desktop .lcpi-feed,
.lcpi-front-desktop .lcpi-feed *{text-shadow:none!important}
.lcpi-front-desktop .lcpi-feed{font-weight:400!important;font-size:13px!important}
.lcpi-front-desktop .lcpi-feed strong,
.lcpi-front-desktop .lcpi-feed em{font-weight:450!important;letter-spacing:-.022em!important;color:#f1f5ff!important}
.lcpi-front-desktop .lcpi-feed small{font-weight:350!important;color:#c2cbe7!important}
.lcpi-front-desktop .lcpi-feed b{font-weight:480!important;letter-spacing:-.006em!important}
.lcpi-front-desktop .online{font-weight:450!important;font-size:11px!important}
/* Stats */
.lcpi-front-desktop .lcpi-stat strong{font-weight:560!important;letter-spacing:-.04em!important;text-shadow:none!important}
.lcpi-front-desktop .lcpi-stat small{font-weight:450!important;letter-spacing:-.014em!important}
.lcpi-front-desktop .lcpi-stat em{font-weight:350!important;letter-spacing:-.008em!important}
.lcpi-front-desktop .lcpi-stat span{font-weight:400!important}
/* Bottom cards and footer */
.lcpi-front-desktop .lcpi-locked p,
.lcpi-front-desktop .lcpi-country-panel p,
.lcpi-front-desktop .lcpi-unlock p,
.lcpi-front-desktop .lcpi-feature-strip small{font-weight:350!important;letter-spacing:-.008em!important}
.lcpi-front-desktop .lcpi-feature-strip strong{font-weight:500!important;letter-spacing:-.024em!important}
.lcpi-front-desktop .lcpi-country-panel b,
.lcpi-front-desktop .donut strong{font-weight:500!important}
.lcpi-front-desktop .donut small{font-weight:400!important}
/* Topbar text */
.lcpi-front-desktop .lcpi-search input{font-weight:350!important;letter-spacing:-.012em!important}
.lcpi-front-desktop .lcpi-chip{font-weight:450!important}
.lcpi-front-desktop .lcpi-guest strong{font-weight:520!important;letter-spacing:-.02em!important}
.lcpi-front-desktop .lcpi-guest small{font-weight:350!important}
/* Nuclear override for existing strong/bold tags in frontend desktop only. */
.lcpi-front-desktop strong{font-weight:500!important}
.lcpi-front-desktop b{font-weight:480!important}
.lcpi-front-desktop h1{font-weight:600!important}
.lcpi-front-desktop h2,
.lcpi-front-desktop h3,
.lcpi-front-desktop h4{font-weight:500!important}
/* Preserve hero numeric hierarchy slightly stronger */
.lcpi-front-desktop .lcpi-hero h1{font-weight:600!important}
.lcpi-front-desktop .lcpi-stat strong{font-weight:560!important}


/*
 * F2Q — TRUE THIN TYPOGRAPHY + GLOW DEWEIGHT
 * This is intentionally placed at the very end and targets only Frontend desktop UI.
 * Goal: match the approved design's softer text: thinner weights, lower contrast,
 * no text glow, smaller button text, and cleaner stat/list typography.
 */
.lcpi-front-desktop,
.lcpi-front-desktop *{
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    text-shadow: none !important;
}
.lcpi-front-desktop{
    --lcpi-text:#e9efff !important;
    --lcpi-soft:#cbd5f2 !important;
    --lcpi-muted:#9faad0 !important;
    color:#e9efff !important;
    font-weight:350 !important;
    letter-spacing:-.008em !important;
}
/* Global weight clamp: make old 700/800/900 rules visually impossible in frontend */
.lcpi-front-desktop h1,
.lcpi-front-desktop h2,
.lcpi-front-desktop h3,
.lcpi-front-desktop h4,
.lcpi-front-desktop strong,
.lcpi-front-desktop b,
.lcpi-front-desktop a,
.lcpi-front-desktop button,
.lcpi-front-desktop em,
.lcpi-front-desktop small,
.lcpi-front-desktop span{
    font-synthesis: none !important;
}
/* Brand/menu: premium thin, not bold admin style */
.lcpi-front-desktop .lcpi-brand strong{font-weight:560!important;color:#f3f7ff!important;letter-spacing:.035em!important}
.lcpi-front-desktop .lcpi-brand small{font-weight:380!important;color:#aeb9d6!important;letter-spacing:.12em!important}
.lcpi-front-desktop .lcpi-nav a{font-weight:430!important;color:#d6def5!important;letter-spacing:-.012em!important}
.lcpi-front-desktop .lcpi-nav a.is-active{font-weight:520!important;color:#fff!important}
.lcpi-front-desktop .lcpi-nav a span{!important;text-shadow:none!important}
/* Hero typography: keep impact but reduce thickness/contrast */
.lcpi-front-desktop .lcpi-hero h1{
    font-weight:560!important;
    font-size:42px!important;
    line-height:1.065!important;
    letter-spacing:-.045em!important;
    color:#f2f6ff!important;
}
.lcpi-front-desktop .lcpi-hero h1 span{font-weight:560!important}
.lcpi-front-desktop .lcpi-hero p{font-weight:360!important;color:#c9d3ee!important;line-height:1.58!important}
/* Section/card titles: design-like thin title, no glow */
.lcpi-front-desktop .lcpi-section-title h2,
.lcpi-front-desktop .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-rank-panel .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-rightbar .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-locked h3,
.lcpi-front-desktop .lcpi-country-panel h3,
.lcpi-front-desktop .lcpi-unlock h3{
    font-weight:520!important;
    color:#edf3ff!important;
    letter-spacing:-.030em!important;
    filter:none!important;
}
.lcpi-front-desktop .lcpi-section-title h2{font-size:23px!important}
.lcpi-front-desktop .lcpi-section-title h3{font-size:17px!important}
.lcpi-front-desktop .lcpi-section-title a{
    font-weight:420!important;
    font-size:12px!important;
    color:#d565ff!important;
    letter-spacing:.004em!important;
    opacity:.92!important;
}
/* Offer cards */
.lcpi-front-desktop .lcpi-offer-card strong{font-weight:480!important;color:#edf3ff!important;letter-spacing:-.022em!important}
.lcpi-front-desktop .lcpi-offer-card em{font-weight:430!important;color:#d8e0f4!important}
.lcpi-front-desktop .lcpi-offer-card footer span{font-weight:390!important;color:#e6edff!important}
.lcpi-front-desktop .lcpi-offer-card footer b{font-weight:500!important}
.lcpi-front-desktop .lcpi-offer-card .rank{font-weight:520!important}
/* Top network / payout lists: make content text slim like mockup */
.lcpi-front-desktop .lcpi-list-row{font-weight:340!important;color:#cdd7f0!important}
.lcpi-front-desktop .lcpi-list-row strong{font-weight:430!important;color:#edf3ff!important;letter-spacing:-.018em!important}
.lcpi-front-desktop .lcpi-list-row em{font-weight:320!important;color:#c5cee7!important}
.lcpi-front-desktop .lcpi-list-row b{font-weight:480!important}
.lcpi-front-desktop .lcpi-list-row small{font-weight:390!important;color:#c2cbe4!important}
.lcpi-front-desktop .lcpi-list-row span{font-weight:420!important;color:#c8d1ec!important}
/* Live leads / payouts */
.lcpi-front-desktop .lcpi-feed{font-weight:330!important;color:#cbd5ef!important}
.lcpi-front-desktop .lcpi-feed em{font-weight:420!important;color:#edf3ff!important}
.lcpi-front-desktop .lcpi-feed small{font-weight:320!important;color:#aeb9d6!important}
.lcpi-front-desktop .lcpi-feed b{font-weight:460!important;color:#28f27a!important}
.lcpi-front-desktop .online{font-weight:420!important;color:#26ef75!important}
/* Stat cards: icon left, lighter numbers/text */
.lcpi-front-desktop .lcpi-stat strong{font-weight:560!important;color:#f0f5ff!important;letter-spacing:-.038em!important}
.lcpi-front-desktop .lcpi-stat small{font-weight:390!important;color:#cfd8f1!important}
.lcpi-front-desktop .lcpi-stat em{font-weight:320!important;color:#aeb9d6!important}
.lcpi-front-desktop .lcpi-stat span{!important;text-shadow:none!important}
/* Topbar */
.lcpi-front-desktop .lcpi-search input{font-weight:330!important;color:#dce5fb!important}
.lcpi-front-desktop .lcpi-search input::placeholder{color:#8f9abc!important}
.lcpi-front-desktop .lcpi-chip{font-weight:420!important;color:#dfe7fa!important}
.lcpi-front-desktop .lcpi-guest strong{font-weight:500!important;color:#f3f6ff!important}
.lcpi-front-desktop .lcpi-guest small{font-weight:320!important;color:#aab5d3!important}
/* Buttons: less tall, less bold, less glow, more like approved UI */
.lcpi-front-desktop .lcpi-btn,
.lcpi-front-desktop .lcpi-btn-full,
.lcpi-front-desktop .lcpi-topbar .lcpi-btn,
.lcpi-front-desktop .lcpi-actions .lcpi-btn,
.lcpi-front-desktop .lcpi-unlock .lcpi-btn,
.lcpi-front-desktop .lcpi-mission-card .lcpi-btn{
    height:40px!important;
    min-height:40px!important;
    padding:0 18px!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:500!important;
    letter-spacing:-.012em!important;
    color:#f4f7ff!important;
    background:linear-gradient(180deg,#a94eff 0%,#7a31eb 100%)!important;
    border:1px solid rgba(244,232,255,.18)!important;
    
}
.lcpi-front-desktop .lcpi-topbar .lcpi-btn{height:42px!important;min-height:42px!important;padding:0 20px!important}
.lcpi-front-desktop .lcpi-btn:hover{filter:none!important}
.lcpi-front-desktop .lcpi-link{font-weight:430!important;color:#e8eefc!important;font-size:13px!important}
/* Side CTA / quick access */
.lcpi-front-desktop .lcpi-mission-card h3{font-weight:520!important;color:#f15cff!important}
.lcpi-front-desktop .lcpi-mission-card li{font-weight:350!important;color:#dce5fb!important}
.lcpi-front-desktop .lcpi-quick-access h4{font-weight:520!important;color:#eef4ff!important}
.lcpi-front-desktop .lcpi-quick-access small{font-weight:340!important;color:#c4cde7!important}
.lcpi-front-desktop .lcpi-collapse{font-weight:380!important;color:#c7d0eb!important}
/* Bottom cards/footer */
.lcpi-front-desktop .lcpi-locked p,
.lcpi-front-desktop .lcpi-country-panel p,
.lcpi-front-desktop .lcpi-unlock p,
.lcpi-front-desktop .lcpi-feature-strip small{font-weight:330!important;color:#aeb9d6!important}
.lcpi-front-desktop .lcpi-feature-strip strong{font-weight:460!important;color:#e9efff!important}
.lcpi-front-desktop .lcpi-country-panel b,
.lcpi-front-desktop .donut strong{font-weight:520!important}
.lcpi-front-desktop .donut small{font-weight:360!important}
/* Hard de-glow for textual elements only. Keep icon/asset glow. */
.lcpi-front-desktop .lcpi-section-title h2,
.lcpi-front-desktop .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-list-row strong,
.lcpi-front-desktop .lcpi-feed em,
.lcpi-front-desktop .lcpi-offer-card strong,
.lcpi-front-desktop .lcpi-brand strong,
.lcpi-front-desktop .lcpi-nav a,
.lcpi-front-desktop .lcpi-btn{
    text-shadow:none!important;
}


/*
 * F2R — ULTRA THIN FINAL PASS
 * Request: make typography one step lighter than F2Q without touching layout.
 * This pass uses loaded 300/350 Inter weights and also reduces contrast and badge boldness.
 */
body.lcpi-front .lcpi-front-desktop,
.lcpi-front-desktop{
    --lcpi-text:#e4ebfb!important;
    --lcpi-soft:#c3cdea!important;
    --lcpi-muted:#95a2c4!important;
    color:#e4ebfb!important;
    font-weight:300!important;
}
.lcpi-front-desktop *{
    text-shadow:none!important;
    -webkit-text-stroke:0 transparent!important;
}
.lcpi-front-desktop .lcpi-hero h1{
    font-weight:520!important;
    color:#ecf2ff!important;
    letter-spacing:-.052em!important;
}
.lcpi-front-desktop .lcpi-hero h1 span{font-weight:520!important}
.lcpi-front-desktop .lcpi-hero p{
    font-weight:300!important;
    color:#bdc8e5!important;
}
.lcpi-front-desktop .lcpi-section-title h2,
.lcpi-front-desktop .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-rank-panel .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-rightbar .lcpi-section-title h3{
    font-weight:450!important;
    color:#e9efff!important;
    letter-spacing:-.036em!important;
}
.lcpi-front-desktop .lcpi-section-title a{
    font-weight:350!important;
    color:#d05cff!important;
    opacity:.86!important;
}
.lcpi-front-desktop .lcpi-nav a{
    font-weight:350!important;
    color:#cbd5ef!important;
}
.lcpi-front-desktop .lcpi-nav a.is-active{
    font-weight:450!important;
    color:#f7f9ff!important;
}
.lcpi-front-desktop .lcpi-brand strong{font-weight:500!important;color:#f0f4ff!important}
.lcpi-front-desktop .lcpi-brand small{font-weight:300!important;color:#9faad0!important}
.lcpi-front-desktop .lcpi-list-row{
    font-weight:300!important;
    color:#bbc6e2!important;
}
.lcpi-front-desktop .lcpi-list-row strong{
    font-weight:360!important;
    color:#e7edfb!important;
    letter-spacing:-.020em!important;
}
.lcpi-front-desktop .lcpi-list-row em{
    font-weight:300!important;
    color:#b9c4df!important;
}
.lcpi-front-desktop .lcpi-list-row b,
.lcpi-front-desktop .lcpi-list-row .lcpi-badge,
.lcpi-front-desktop .lcpi-list-row span:last-child{
    font-weight:420!important;
}
.lcpi-front-desktop .lcpi-list-row small{
    font-weight:350!important;
    color:#bdc7e2!important;
}
.lcpi-front-desktop .lcpi-offer-card strong{
    font-weight:430!important;
    color:#e8eefc!important;
}
.lcpi-front-desktop .lcpi-offer-card em,
.lcpi-front-desktop .lcpi-offer-card footer span{
    font-weight:320!important;
    color:#c6d0e9!important;
}
.lcpi-front-desktop .lcpi-offer-card footer b,
.lcpi-front-desktop .lcpi-offer-card .rank{
    font-weight:450!important;
}
.lcpi-front-desktop .lcpi-feed,
.lcpi-front-desktop .lcpi-live-feed,
.lcpi-front-desktop .lcpi-payout-feed{
    font-weight:300!important;
    color:#bdc7e2!important;
}
.lcpi-front-desktop .lcpi-feed em,
.lcpi-front-desktop .lcpi-live-feed em,
.lcpi-front-desktop .lcpi-payout-feed em{
    font-weight:360!important;
    color:#e6ecfb!important;
}
.lcpi-front-desktop .lcpi-feed small{font-weight:300!important;color:#a5b0cf!important}
.lcpi-front-desktop .lcpi-feed b{font-weight:420!important;color:#2cf77c!important}
.lcpi-front-desktop .online{font-weight:360!important;color:#28ee77!important}
.lcpi-front-desktop .lcpi-stat strong{
    font-weight:500!important;
    color:#e9efff!important;
    letter-spacing:-.040em!important;
}
.lcpi-front-desktop .lcpi-stat small{font-weight:350!important;color:#c4cde8!important}
.lcpi-front-desktop .lcpi-stat em{font-weight:300!important;color:#9ca8ca!important}
.lcpi-front-desktop .lcpi-guest strong{font-weight:450!important;color:#eef3ff!important}
.lcpi-front-desktop .lcpi-guest small{font-weight:300!important;color:#9da8c9!important}
.lcpi-front-desktop .lcpi-search input{font-weight:300!important;color:#c8d2ee!important}
.lcpi-front-desktop .lcpi-chip{font-weight:350!important;color:#d4ddf3!important}
.lcpi-front-desktop .lcpi-btn,
.lcpi-front-desktop .lcpi-btn-full,
.lcpi-front-desktop .lcpi-topbar .lcpi-btn,
.lcpi-front-desktop .lcpi-actions .lcpi-btn,
.lcpi-front-desktop .lcpi-unlock .lcpi-btn,
.lcpi-front-desktop .lcpi-mission-card .lcpi-btn{
    font-weight:430!important;
    color:#eef3ff!important;
    
}
.lcpi-front-desktop .lcpi-link{font-weight:350!important;color:#dfe7f8!important}
.lcpi-front-desktop .lcpi-mission-card h3,
.lcpi-front-desktop .lcpi-quick-access h4{font-weight:450!important}
.lcpi-front-desktop .lcpi-mission-card li,
.lcpi-front-desktop .lcpi-quick-access small,
.lcpi-front-desktop .lcpi-collapse{font-weight:300!important;color:#c2cce7!important}
.lcpi-front-desktop .lcpi-feature-strip strong,
.lcpi-front-desktop .lcpi-locked h3,
.lcpi-front-desktop .lcpi-country-panel h3,
.lcpi-front-desktop .lcpi-unlock h3{font-weight:450!important;color:#e7edfb!important}
.lcpi-front-desktop .lcpi-feature-strip small,
.lcpi-front-desktop .lcpi-locked p,
.lcpi-front-desktop .lcpi-country-panel p,
.lcpi-front-desktop .lcpi-unlock p{font-weight:300!important;color:#9faad0!important}
.lcpi-front-desktop .lcpi-country-panel b,
.lcpi-front-desktop .donut strong{font-weight:460!important}
.lcpi-front-desktop .donut small{font-weight:300!important}

/* frontend-max-thin.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
/*
 * F2S — MAX THIN TYPOGRAPHY PASS
 * Loaded last. This intentionally makes the typography visibly thinner than F2R.
 * Scope: desktop frontend only. No layout/grid changes.
 */
.lcpi-front-desktop,
.lcpi-front-desktop *{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-shadow:none!important;
  font-synthesis:none!important;
}
.lcpi-front-desktop{
  --lcpi-text:#dfe7fb!important;
  --lcpi-soft:#b9c5e2!important;
  --lcpi-muted:#8e9abb!important;
  color:#dfe7fb!important;
  font-weight:300!important;
  font-variation-settings:"wght" 300!important;
}
/* Global text de-weight: make visible immediately */
.lcpi-front-desktop :where(p,li,small,em,span,a,button,input,label,div){
  font-weight:300!important;
  font-variation-settings:"wght" 300!important;
  color:inherit;
  text-shadow:none!important;
}
.lcpi-front-desktop :where(strong,b){
  font-weight:400!important;
  font-variation-settings:"wght" 400!important;
  text-shadow:none!important;
}
/* Brand and sidebar */
.lcpi-front-desktop .lcpi-brand strong{
  font-weight:500!important;
  font-variation-settings:"wght" 500!important;
  color:#edf3ff!important;
  letter-spacing:.035em!important;
}
.lcpi-front-desktop .lcpi-brand small{
  font-weight:300!important;
  color:#9da8c7!important;
}
.lcpi-front-desktop .lcpi-nav a{
  font-size:15px!important;
  font-weight:300!important;
  font-variation-settings:"wght" 300!important;
  color:#c7d1ec!important;
}
.lcpi-front-desktop .lcpi-nav a.is-active{
  font-weight:400!important;
  color:#f2f6ff!important;
}
/* Hero: still readable, but much less heavy */
.lcpi-front-desktop .lcpi-hero h1{
  font-weight:500!important;
  font-variation-settings:"wght" 500!important;
  color:#edf3ff!important;
  letter-spacing:-.052em!important;
  line-height:1.06!important;
}
.lcpi-front-desktop .lcpi-hero h1 span{
  font-weight:500!important;
  font-variation-settings:"wght" 500!important;
}
.lcpi-front-desktop .lcpi-hero p{
  font-weight:300!important;
  color:#bbc6e2!important;
}
/* Titles: force thin premium UI */
.lcpi-front-desktop .lcpi-section-title h2,
.lcpi-front-desktop .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-rank-panel .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-rightbar .lcpi-section-title h3,
.lcpi-front-desktop .lcpi-locked h3,
.lcpi-front-desktop .lcpi-country-panel h3,
.lcpi-front-desktop .lcpi-unlock h3,
.lcpi-front-desktop .lcpi-mission-card h3,
.lcpi-front-desktop .lcpi-quick-access h4{
  font-weight:400!important;
  font-variation-settings:"wght" 400!important;
  color:#e4ebfb!important;
  letter-spacing:-.038em!important;
  filter:none!important;
  text-shadow:none!important;
}
.lcpi-front-desktop .lcpi-section-title h2{font-size:23px!important;}
.lcpi-front-desktop .lcpi-section-title h3{font-size:17px!important;}
.lcpi-front-desktop .lcpi-section-title a,
.lcpi-front-desktop .lcpi-rightbar .lcpi-section-title a,
.lcpi-front-desktop .lcpi-rank-panel .lcpi-section-title a{
  font-weight:300!important;
  font-variation-settings:"wght" 300!important;
  font-size:12px!important;
  color:#cf5aff!important;
  opacity:.86!important;
}
/* Offer cards */
.lcpi-front-desktop .lcpi-offer-card strong{
  font-weight:400!important;
  font-variation-settings:"wght" 400!important;
  color:#dfe7fa!important;
  letter-spacing:-.025em!important;
}
.lcpi-front-desktop .lcpi-offer-card em,
.lcpi-front-desktop .lcpi-offer-card footer span{
  font-weight:300!important;
  color:#b9c4df!important;
}
.lcpi-front-desktop .lcpi-offer-card footer b,
.lcpi-front-desktop .lcpi-offer-card .rank{
  font-weight:400!important;
  font-variation-settings:"wght" 400!important;
}
/* List panels */
.lcpi-front-desktop .lcpi-list-row,
.lcpi-front-desktop .lcpi-list-row *{
  text-shadow:none!important;
}
.lcpi-front-desktop .lcpi-list-row{
  font-weight:300!important;
  font-variation-settings:"wght" 300!important;
  color:#bdc8e4!important;
}
.lcpi-front-desktop .lcpi-list-row strong{
  font-weight:350!important;
  font-variation-settings:"wght" 350!important;
  color:#dfe7f8!important;
  letter-spacing:-.022em!important;
}
.lcpi-front-desktop .lcpi-list-row em{
  font-weight:300!important;
  color:#b4bfdc!important;
}
.lcpi-front-desktop .lcpi-list-row b,
.lcpi-front-desktop .lcpi-list-row .is-easy,
.lcpi-front-desktop .lcpi-list-row .is-medium,
.lcpi-front-desktop .lcpi-list-row .is-hard,
.lcpi-front-desktop .lcpi-list-row span:last-child{
  font-weight:350!important;
  font-variation-settings:"wght" 350!important;
}
.lcpi-front-desktop .lcpi-list-row small{
  font-weight:300!important;
  color:#aeb9d4!important;
}
/* Feeds */
.lcpi-front-desktop .lcpi-feed,
.lcpi-front-desktop .lcpi-feed *{
  text-shadow:none!important;
}
.lcpi-front-desktop .lcpi-feed{
  font-weight:300!important;
  color:#b8c3df!important;
}
.lcpi-front-desktop .lcpi-feed em{
  font-weight:350!important;
  color:#dfe7f8!important;
}
.lcpi-front-desktop .lcpi-feed small{
  font-weight:300!important;
  color:#9eabc9!important;
}
.lcpi-front-desktop .lcpi-feed b,
.lcpi-front-desktop .online{
  font-weight:350!important;
  color:#26ef78!important;
}
/* Stats cards */
.lcpi-front-desktop .lcpi-stat strong{
  font-weight:450!important;
  font-variation-settings:"wght" 450!important;
  color:#e3ebfb!important;
  letter-spacing:-.05em!important;
}
.lcpi-front-desktop .lcpi-stat small{
  font-weight:300!important;
  color:#b9c4df!important;
}
.lcpi-front-desktop .lcpi-stat em{
  font-weight:300!important;
  color:#94a0bf!important;
}
.lcpi-front-desktop .lcpi-stat span{
  text-shadow:none!important;
  !important;
}
/* Topbar / guest */
.lcpi-front-desktop .lcpi-search input{
  font-weight:300!important;
  color:#bdc8e5!important;
}
.lcpi-front-desktop .lcpi-search input::placeholder{color:#7f8aaa!important;}
.lcpi-front-desktop .lcpi-chip{font-weight:300!important;color:#cbd5ec!important;}
.lcpi-front-desktop .lcpi-guest strong{font-weight:400!important;color:#e9efff!important;}
.lcpi-front-desktop .lcpi-guest small{font-weight:300!important;color:#94a0bf!important;}
/* Buttons: maximum thin but still premium */
.lcpi-front-desktop .lcpi-btn,
.lcpi-front-desktop .lcpi-btn-full,
.lcpi-front-desktop .lcpi-topbar .lcpi-btn,
.lcpi-front-desktop .lcpi-actions .lcpi-btn,
.lcpi-front-desktop .lcpi-unlock .lcpi-btn,
.lcpi-front-desktop .lcpi-mission-card .lcpi-btn{
  font-weight:400!important;
  font-variation-settings:"wght" 400!important;
  color:#edf3ff!important;
  text-shadow:none!important;
  
}
.lcpi-front-desktop .lcpi-link{
  font-weight:300!important;
  color:#d5def2!important;
}
/* CTA/quick/feature text */
.lcpi-front-desktop .lcpi-mission-card li,
.lcpi-front-desktop .lcpi-quick-access small,
.lcpi-front-desktop .lcpi-collapse,
.lcpi-front-desktop .lcpi-feature-strip small,
.lcpi-front-desktop .lcpi-locked p,
.lcpi-front-desktop .lcpi-country-panel p,
.lcpi-front-desktop .lcpi-unlock p{
  font-weight:300!important;
  color:#aeb9d4!important;
}
.lcpi-front-desktop .lcpi-feature-strip strong,
.lcpi-front-desktop .lcpi-country-panel b,
.lcpi-front-desktop .donut strong{
  font-weight:400!important;
  color:#dfe7fa!important;
}
.lcpi-front-desktop .donut small{font-weight:300!important;}

/* frontend-alignment-lock.css */
/* F2T — approved block alignment lock. Load last. No layout/grid rewrite. */
body.lcpi-front-desktop .lcpi-offer-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  text-align:center !important;
  padding:12px 14px !important;
}
body.lcpi-front-desktop .lcpi-offer-card .image{
  position:absolute !important;
  inset:0 !important;
}
body.lcpi-front-desktop .lcpi-offer-card strong{
  position:relative !important;
  z-index:5 !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto 5px !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.lcpi-front-desktop .lcpi-offer-card em{
  position:relative !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-self:center !important;
  justify-content:center !important;
  margin:0 auto 8px !important;
  min-width:0 !important;
  text-align:center !important;
}
body.lcpi-front-desktop .lcpi-offer-card footer{
  position:relative !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100% !important;
  margin-top:0 !important;
  text-align:left !important;
}
body.lcpi-front-desktop .lcpi-offer-card footer span{
  text-align:left !important;
  min-width:0 !important;
}
body.lcpi-front-desktop .lcpi-offer-card footer b{
  flex:0 0 auto !important;
}

body.lcpi-front-desktop .lcpi-stat{
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  align-content:center !important;
  min-height:132px !important;
  padding:18px 18px 16px !important;
  text-align:center !important;
}
body.lcpi-front-desktop .lcpi-stat .lcpi-stat-head{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  width:100% !important;
  min-height:24px !important;
  text-align:left !important;
}
body.lcpi-front-desktop .lcpi-stat .lcpi-stat-head span{
  display:inline-grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  font-size:22px !important;
  line-height:1 !important;
}
body.lcpi-front-desktop .lcpi-stat .lcpi-stat-head small{
  display:block !important;
  margin:0 !important;
  color:#e6ecff !important;
  font-size:12px !important;
  line-height:1.15 !important;
  text-align:left !important;
  white-space:normal !important;
}
body.lcpi-front-desktop .lcpi-stat > strong{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:8px 0 3px !important;
  width:100% !important;
  min-height:40px !important;
  text-align:center !important;
  font-size:30px !important;
  line-height:1 !important;
}
body.lcpi-front-desktop .lcpi-stat > em{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  color:#cbd4ee !important;
  font-size:12px !important;
  line-height:1.15 !important;
  text-align:center !important;
}
body.lcpi-front-desktop .lcpi-stat > span,
body.lcpi-front-desktop .lcpi-stat > small{
  display:none !important;
}

/* frontend-block-precision.css */
/* F2U — block precision alignment. Load absolutely last. No SQL/no routing changes. */

/* OFFER CARD: restore the approved image-card structure; title/category sit centered near bottom. */
body.lcpi-front-desktop .lcpi-offer-card{
  position:relative !important;
  display:block !important;
  padding:0 !important;
  text-align:center !important;
  overflow:hidden !important;
}
body.lcpi-front-desktop .lcpi-offer-card .image{
  position:absolute !important;
  inset:0 0 74px !important;
  z-index:1 !important;
}
body.lcpi-front-desktop .lcpi-offer-card .image::after{
  content:"" !important;
  position:absolute !important;
  inset:38% 0 0 !important;
  background:linear-gradient(180deg,transparent 0%,rgba(4,10,25,.86) 54%,rgba(4,10,25,.98) 100%) !important;
}
body.lcpi-front-desktop .lcpi-offer-card .rank{
  z-index:6 !important;
}
body.lcpi-front-desktop .lcpi-offer-card strong{
  position:absolute !important;
  z-index:6 !important;
  left:12px !important;
  right:12px !important;
  bottom:55px !important;
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:14px !important;
  line-height:1.14 !important;
  font-weight:500 !important;
  letter-spacing:-.018em !important;
  color:#edf3ff !important;
  text-shadow:none !important;
}
body.lcpi-front-desktop .lcpi-offer-card em{
  position:absolute !important;
  z-index:6 !important;
  left:50% !important;
  bottom:34px !important;
  transform:translateX(-50%) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:84px !important;
  margin:0 !important;
  padding:3px 8px !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  color:#dfe7ff !important;
  border-radius:8px !important;
  background:rgba(223,231,255,.12) !important;
  text-shadow:none !important;
}
body.lcpi-front-desktop .lcpi-offer-card footer{
  position:absolute !important;
  z-index:6 !important;
  left:12px !important;
  right:12px !important;
  bottom:11px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
}
body.lcpi-front-desktop .lcpi-offer-card footer span{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:left !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:.006em !important;
  color:#edf3ff !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.lcpi-front-desktop .lcpi-offer-card footer b{
  flex:0 0 auto !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:550 !important;
  padding:5px 8px !important;
  border-radius:7px !important;
}

/* STATS CARDS: icon+label as one compact top row, then centered number/subtitle. */
body.lcpi-front-desktop .lcpi-stat{
  position:relative !important;
  display:grid !important;
  grid-template-rows:26px 42px 18px !important;
  align-content:center !important;
  row-gap:4px !important;
  min-height:126px !important;
  padding:16px 15px 15px !important;
  text-align:center !important;
}
body.lcpi-front-desktop .lcpi-stat .lcpi-stat-head{
  position:relative !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100% !important;
  min-height:26px !important;
  margin:0 !important;
  text-align:left !important;
}
body.lcpi-front-desktop .lcpi-stat .lcpi-stat-head span{
  display:inline-grid !important;
  place-items:center !important;
  flex:0 0 24px !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  font-size:21px !important;
  line-height:1 !important;
  !important;
}
body.lcpi-front-desktop .lcpi-stat .lcpi-stat-head small{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  color:#dce5ff !important;
  font-size:11.5px !important;
  line-height:1.08 !important;
  font-weight:450 !important;
  letter-spacing:-.01em !important;
  text-align:left !important;
  white-space:normal !important;
  text-shadow:none !important;
}
body.lcpi-front-desktop .lcpi-stat > strong{
  position:relative !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:42px !important;
  margin:1px 0 0 !important;
  padding:0 !important;
  text-align:center !important;
  font-size:29px !important;
  line-height:1 !important;
  font-weight:560 !important;
  letter-spacing:-.035em !important;
  color:#f1f5ff !important;
  text-shadow:none !important;
}
body.lcpi-front-desktop .lcpi-stat > em{
  position:relative !important;
  z-index:5 !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  font-style:normal !important;
  color:#b9c3df !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:350 !important;
  letter-spacing:-.006em !important;
  text-shadow:none !important;
}
body.lcpi-front-desktop .lcpi-stat > span,
body.lcpi-front-desktop .lcpi-stat > small{
  display:none !important;
}

/* Small typography refinement for adjacent section headings only. */
body.lcpi-front-desktop .lcpi-section-title h3,
body.lcpi-front-desktop .lcpi-section-head h2{
  font-weight:560 !important;
  letter-spacing:-.025em !important;
  text-shadow:none !important;
}
body.lcpi-front-desktop .lcpi-section-title a{
  font-weight:450 !important;
  font-size:12.5px !important;
}

/* frontend-feed-icons.css */
/* F2V — Feed icons + right rail visual alignment.
   Scope: desktop frontend only. No layout/SQL/tracking changes. */
body.lcpi-front-desktop .lcpi-rightbar .lcpi-section-title h3{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  font-weight:520!important;
  letter-spacing:-.024em!important;
  color:#edf3ff!important;
  text-shadow:none!important;
}
body.lcpi-front-desktop .lcpi-title-svg{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  display:block!important;
  
}
body.lcpi-front-desktop .lcpi-payout-panel .lcpi-title-svg{
  
}
body.lcpi-front-desktop .lcpi-rightbar .lcpi-section-title a{
  font-size:12px!important;
  font-weight:480!important;
  color:#df5cff!important;
  text-shadow:none!important;
}

body.lcpi-front-desktop .lcpi-live-feed,
body.lcpi-front-desktop .lcpi-payout-feed{
  min-height:34px!important;
  padding:7px 0!important;
  align-items:center!important;
  column-gap:8px!important;
}
body.lcpi-front-desktop .lcpi-live-feed{
  grid-template-columns:28px 33px minmax(0,1fr) 70px 74px 20px!important;
}
body.lcpi-front-desktop .lcpi-payout-feed{
  grid-template-columns:28px 30px 22px minmax(0,1fr) 62px 66px 20px!important;
}

body.lcpi-front-desktop .lcpi-geo-flag{
  width:26px!important;
  height:19px!important;
  border-radius:4px!important;
  font-size:16px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  !important;
}
body.lcpi-front-desktop .lcpi-feed strong{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:470!important;
  color:#e9efff!important;
  text-shadow:none!important;
}
body.lcpi-front-desktop .lcpi-feed em{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
  font-size:12px!important;
  font-weight:430!important;
  color:#dce5ff!important;
  text-shadow:none!important;
}
body.lcpi-front-desktop .lcpi-feed small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
  font-size:11px!important;
  font-weight:330!important;
  color:#aeb9d6!important;
  text-shadow:none!important;
}
body.lcpi-front-desktop .lcpi-feed b{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
  font-size:12px!important;
  font-weight:470!important;
  color:#2af87d!important;
  text-shadow:none!important;
}
body.lcpi-front-desktop .lcpi-feed i{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border-radius:6px!important;
  font-size:11px!important;
  font-style:normal!important;
  color:#c9b5ff!important;
  background:rgba(136,104,255,.12)!important;
  
}
body.lcpi-front-desktop .lcpi-pay-icon{
  width:20px!important;
  height:20px!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1!important;
  color:#fff!important;
  
}
body.lcpi-front-desktop .lcpi-paypal{background:linear-gradient(135deg,#1479ff,#37d7ff)!important;color:#fff!important}
body.lcpi-front-desktop .lcpi-usdt{background:linear-gradient(135deg,#1bbf73,#98ffc7)!important;color:#08321d!important}
body.lcpi-front-desktop .lcpi-binance{background:linear-gradient(135deg,#ffd42a,#ff9d00)!important;color:#2b1700!important}
body.lcpi-front-desktop .lcpi-pix{background:linear-gradient(135deg,#00c7a9,#57f5ff)!important;color:#002f35!important}
body.lcpi-front-desktop .lcpi-pay-default{background:linear-gradient(135deg,#6876ff,#b35cff)!important}

@media(max-width:1480px){
  body.lcpi-front-desktop .lcpi-live-feed{grid-template-columns:26px 28px minmax(0,1fr) 54px 60px 18px!important;gap:6px!important}
  body.lcpi-front-desktop .lcpi-payout-feed{grid-template-columns:26px 26px 20px minmax(0,1fr) 48px 56px 18px!important;gap:6px!important}
  body.lcpi-front-desktop .lcpi-feed em,
  body.lcpi-front-desktop .lcpi-feed strong,
  body.lcpi-front-desktop .lcpi-feed b{font-size:11px!important}
  body.lcpi-front-desktop .lcpi-feed small{font-size:10.5px!important}
}

/* frontend-f2w-feed-stats.css */
/* LeadCPI F2W — Feed SVG Flags + Stats Realignment
   Purpose: asset/layout correction only. No backend/tracking changes. */

/* Feed title icons: brighter, visible, closer to the approved UI */
.lcpi-section-title h3 .lcpi-title-svg{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  margin-right:8px!important;
  !important;
  vertical-align:-4px!important;
}

/* Right feed rows: make country+flag one compact unit; prevent VN VN / US US duplication */
.lcpi-rightbar .lcpi-live-feed{
  grid-template-columns:58px minmax(68px,1fr) 78px 76px 22px!important;
  gap:10px!important;
}
.lcpi-rightbar .lcpi-payout-feed{
  grid-template-columns:58px minmax(118px,1fr) 66px 72px 22px!important;
  gap:10px!important;
}
.lcpi-country-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  white-space:nowrap!important;
  color:#e7edff!important;
  font-size:13px!important;
  font-weight:520!important;
  letter-spacing:.01em!important;
}
.lcpi-country-chip img,
.lcpi-mini-flag{
  display:inline-block!important;
  width:24px!important;
  height:16px!important;
  min-width:24px!important;
  border-radius:3px!important;
  object-fit:cover!important;
  
}
.lcpi-country-chip b{
  font:inherit!important;
  color:#e7edff!important;
}
.lcpi-live-feed > strong,
.lcpi-payout-feed > strong,
.lcpi-geo-flag{
  display:none!important;
}
.lcpi-live-feed em,
.lcpi-payout-feed em{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e8eefc!important;
  font-weight:500!important;
}
.lcpi-live-feed small,
.lcpi-payout-feed small{
  white-space:nowrap!important;
  text-align:right!important;
  color:#bfc9e6!important;
  font-weight:400!important;
}
.lcpi-live-feed > b,
.lcpi-payout-feed > b{
  white-space:nowrap!important;
  text-align:right!important;
  color:#26f873!important;
  font-weight:600!important;
}
.lcpi-live-feed > i,
.lcpi-payout-feed > i{
  display:block!important;
  text-align:right!important;
  font-style:normal!important;
  font-size:13px!important;
  opacity:.86!important;
}
.lcpi-pay-method{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.lcpi-pay-method em,
.lcpi-pay-method strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
  color:#e8eefc!important;
  font-size:13px!important;
  font-weight:500!important;
}
.lcpi-pay-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:7px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#fff!important;
  
}
.lcpi-paypal{background:linear-gradient(135deg,#009CDE,#52c7ff)!important}
.lcpi-usdt{background:linear-gradient(135deg,#26A17B,#6de5c2)!important}
.lcpi-binance{background:linear-gradient(135deg,#F0B90B,#ffd85c)!important;color:#10151f!important}
.lcpi-pix{background:linear-gradient(135deg,#32bcad,#6af0df)!important;color:#092126!important}
.lcpi-pay-default{background:linear-gradient(135deg,#765cff,#c852ff)!important}

/* Stats cards: approved design composition, tighter lines */
.lcpi-stat{
  min-height:132px!important;
  padding:18px 18px 17px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.lcpi-stat-head{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:25px!important;
  margin:0 0 18px!important;
  color:#dfe7ff!important;
}
.lcpi-stat-head span{
  display:inline-grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
}
.lcpi-stat-head small{
  display:block!important;
  margin:0!important;
  color:#e8eeff!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  max-width:86px!important;
}
.lcpi-stat strong{
  display:block!important;
  margin:0!important;
  text-align:center!important;
  color:#f2f6ff!important;
  font-size:30px!important;
  line-height:1.03!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
}
.lcpi-stat em{
  display:block!important;
  margin:8px 0 0!important;
  text-align:center!important;
  color:#c4cee9!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:400!important;
}

/* Offer cards: center title/category near approved bottom stack, keep reward/difficulty left-right. */
.lcpi-offer-card strong{
  left:14px!important;
  right:14px!important;
  bottom:54px!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}
.lcpi-offer-card em{
  left:50%!important;
  bottom:33px!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:600!important;
  padding:4px 8px!important;
  max-width:84%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.lcpi-offer-card footer{
  left:13px!important;
  right:13px!important;
  bottom:10px!important;
  align-items:center!important;
}
.lcpi-offer-card footer span{
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}
.lcpi-offer-card footer b{
  font-size:12px!important;
  font-weight:600!important;
}

/* Top countries: use SVG flags, not emoji. */
.lcpi-country p span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#dce5ff!important;
}
.lcpi-country p span img{
  width:20px!important;
  height:14px!important;
  min-width:20px!important;
  border-radius:2.5px!important;
  object-fit:cover!important;
  
}

/* Mobile feed reuse. */
.lcpi-front-mobile .lcpi-feed{
  grid-template-columns:64px minmax(0,1fr) auto auto 24px!important;
}
.lcpi-front-mobile .lcpi-payout-feed{
  grid-template-columns:64px minmax(0,1fr) auto auto 24px!important;
}
.lcpi-front-mobile .lcpi-section-title h3{
  display:flex!important;
  align-items:center!important;
}

/* frontend-f2x-feed-geo-restore.css */
/* LeadCPI F2X — Feed GEO Restore
   Restore the approved [FLAG + GEO] column while keeping SVG flags/payment icons from F2W. */

/* Load after F2W. Keep a visible GEO code beside each flag. */
.lcpi-rightbar .lcpi-live-feed{
  grid-template-columns:72px minmax(74px,1fr) 78px 82px 22px!important;
  column-gap:10px!important;
  align-items:center!important;
}
.lcpi-rightbar .lcpi-payout-feed{
  grid-template-columns:72px minmax(128px,1fr) 66px 76px 22px!important;
  column-gap:10px!important;
  align-items:center!important;
}
.lcpi-rightbar .lcpi-country-chip,
.lcpi-front-mobile .lcpi-country-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
  color:#e6ecff!important;
  font-size:12.5px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}
.lcpi-rightbar .lcpi-country-chip img,
.lcpi-front-mobile .lcpi-country-chip img{
  display:inline-block!important;
  width:24px!important;
  height:16px!important;
  min-width:24px!important;
  border-radius:3px!important;
  object-fit:cover!important;
  
}
.lcpi-rightbar .lcpi-country-chip b,
.lcpi-front-mobile .lcpi-country-chip b{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  color:#e6ecff!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}

/* Feed row text: preserve readable columns and prevent ugly truncation where possible. */
.lcpi-rightbar .lcpi-live-feed em,
.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method{
  min-width:0!important;
  overflow:hidden!important;
}
.lcpi-rightbar .lcpi-live-feed em{
  color:#dce5fb!important;
  font-size:12.5px!important;
  font-weight:500!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.lcpi-rightbar .lcpi-live-feed small,
.lcpi-rightbar .lcpi-payout-feed small{
  color:#bcc7e4!important;
  font-size:12px!important;
  font-weight:400!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.lcpi-rightbar .lcpi-live-feed > b,
.lcpi-rightbar .lcpi-payout-feed > b{
  color:#2cff81!important;
  font-size:12.5px!important;
  font-weight:600!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method em,
.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method strong{
  display:inline-block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e6ecff!important;
  font-size:12.5px!important;
  font-weight:500!important;
}

/* Keep old hidden duplicate columns hidden, but never hide GEO inside country-chip. */
.lcpi-live-feed > .lcpi-geo-flag,
.lcpi-payout-feed > .lcpi-geo-flag,
.lcpi-live-feed > strong:not(.lcpi-country-chip *),
.lcpi-payout-feed > strong:not(.lcpi-country-chip *){
  display:none!important;
}

/* Mobile still needs FLAG + GEO but tighter. */
.lcpi-front-mobile .lcpi-live-feed,
.lcpi-front-mobile .lcpi-payout-feed{
  grid-template-columns:62px minmax(0,1fr) auto auto 24px!important;
  gap:8px!important;
}
.lcpi-front-mobile .lcpi-country-chip{
  gap:7px!important;
  font-size:12px!important;
}
.lcpi-front-mobile .lcpi-country-chip img{
  width:22px!important;
  height:15px!important;
  min-width:22px!important;
}
.lcpi-front-mobile .lcpi-country-chip b{
  font-size:12px!important;
}

/* frontend-f2y-feed-design-restore.css */
/* LeadCPI F2Y — Feed Design Restore
   Restore approved design layout: FLAG + GEO + data columns. */

.lcpi-rightbar .lcpi-live-feed,
.lcpi-rightbar .lcpi-payout-feed{
  display:grid!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0!important;
  border-bottom:1px solid rgba(117,139,190,.12)!important;
}
.lcpi-rightbar .lcpi-live-feed{
  grid-template-columns:58px minmax(82px,1fr) 74px 78px 20px!important;
  column-gap:8px!important;
}
.lcpi-rightbar .lcpi-payout-feed{
  grid-template-columns:58px minmax(122px,1fr) 62px 70px 20px!important;
  column-gap:8px!important;
}
.lcpi-rightbar .lcpi-country-chip,
.lcpi-front-mobile .lcpi-country-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
}
.lcpi-rightbar .lcpi-country-chip img,
.lcpi-front-mobile .lcpi-country-chip img{
  display:inline-block!important;
  width:24px!important;
  height:16px!important;
  min-width:24px!important;
  max-width:24px!important;
  border-radius:3px!important;
  object-fit:cover!important;
  
}
.lcpi-rightbar .lcpi-country-chip .lcpi-geo-code,
.lcpi-front-mobile .lcpi-country-chip .lcpi-geo-code{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:18px!important;
  max-width:22px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  color:#e7edff!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
}
.lcpi-rightbar .lcpi-live-feed em,
.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.lcpi-rightbar .lcpi-live-feed em{
  color:#e5ebfb!important;
  font-size:12.5px!important;
  font-style:normal!important;
  font-weight:500!important;
}
.lcpi-rightbar .lcpi-live-feed small,
.lcpi-rightbar .lcpi-payout-feed small{
  color:#bfc9e6!important;
  font-size:12px!important;
  font-weight:400!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.lcpi-rightbar .lcpi-live-feed > b,
.lcpi-rightbar .lcpi-payout-feed > b{
  color:#2dff82!important;
  font-size:12.5px!important;
  font-weight:600!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}
.lcpi-rightbar .lcpi-live-feed > i,
.lcpi-rightbar .lcpi-payout-feed > i{
  display:block!important;
  width:20px!important;
  text-align:right!important;
  font-style:normal!important;
  font-size:13px!important;
  line-height:1!important;
  opacity:.86!important;
}
.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:7px!important;
}
.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method em{
  color:#e5ebfb!important;
  font-size:12.5px!important;
  font-weight:500!important;
  font-style:normal!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
/* Prevent older fallback duplicate GEO columns from showing, but never hide the restored GEO span. */
.lcpi-live-feed > .lcpi-geo-flag,
.lcpi-payout-feed > .lcpi-geo-flag,
.lcpi-live-feed > strong,
.lcpi-payout-feed > strong{
  display:none!important;
}
.lcpi-live-feed > .lcpi-country-chip,
.lcpi-payout-feed > .lcpi-country-chip{
  display:inline-flex!important;
}

/* Mobile feed: keep FLAG + GEO visible without squeezing rows. */
.lcpi-front-mobile .lcpi-live-feed,
.lcpi-front-mobile .lcpi-payout-feed{
  grid-template-columns:56px minmax(0,1fr) auto auto 22px!important;
  column-gap:8px!important;
  align-items:center!important;
}
.lcpi-front-mobile .lcpi-country-chip{
  width:56px!important;
  min-width:56px!important;
  max-width:56px!important;
  gap:7px!important;
}
.lcpi-front-mobile .lcpi-country-chip img{
  width:22px!important;
  height:15px!important;
  min-width:22px!important;
  max-width:22px!important;
}
.lcpi-front-mobile .lcpi-country-chip .lcpi-geo-code{
  font-size:12px!important;
  min-width:18px!important;
}

/* frontend-f2z-feed-precision.css */
/* LeadCPI F2Z — Feed Precision Restore
   Fix rightbar feed columns to match the approved design: FLAG | GEO | USER/METHOD | TIME/AMOUNT | LOCK.
   This file must load after F2W/F2X/F2Y. */

.lcpi-rightbar .lcpi-live-panel,
.lcpi-rightbar .lcpi-payout-panel{
  overflow:hidden!important;
}

.lcpi-rightbar .lcpi-live-panel .lcpi-section-title,
.lcpi-rightbar .lcpi-payout-panel .lcpi-section-title{
  margin-bottom:10px!important;
}

.lcpi-rightbar .lcpi-live-feed,
.lcpi-rightbar .lcpi-payout-feed{
  width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 2px!important;
  border-bottom:1px solid rgba(117,139,190,.12)!important;
  column-gap:6px!important;
}

/* Live Leads: flag+geo | masked user | time | amount | lock */
.lcpi-rightbar .lcpi-live-feed{
  grid-template-columns:58px minmax(56px,1fr) 58px 66px 16px!important;
}

/* Recent Payouts: flag+geo | method | amount | time | lock */
.lcpi-rightbar .lcpi-payout-feed{
  grid-template-columns:58px minmax(82px,1fr) 50px 60px 16px!important;
}

.lcpi-rightbar .lcpi-country-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  color:#e9efff!important;
}

.lcpi-rightbar .lcpi-country-chip img{
  width:22px!important;
  height:15px!important;
  min-width:22px!important;
  max-width:22px!important;
  border-radius:3px!important;
  object-fit:cover!important;
  
}

.lcpi-rightbar .lcpi-country-chip .lcpi-geo-code,
.lcpi-rightbar .lcpi-country-chip b{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:18px!important;
  max-width:20px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  color:#e9efff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
}

.lcpi-rightbar .lcpi-live-feed em{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e5ebfb!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:500!important;
  text-align:left!important;
  text-shadow:none!important;
}

.lcpi-rightbar .lcpi-live-feed small,
.lcpi-rightbar .lcpi-payout-feed small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#bfc9e6!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:400!important;
  text-align:right!important;
  text-shadow:none!important;
}

.lcpi-rightbar .lcpi-live-feed > b,
.lcpi-rightbar .lcpi-payout-feed > b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#2cff82!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:600!important;
  text-align:right!important;
  text-shadow:none!important;
}

.lcpi-rightbar .lcpi-live-feed > i,
.lcpi-rightbar .lcpi-payout-feed > i{
  display:block!important;
  width:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  overflow:hidden!important;
  text-align:right!important;
  font-size:12px!important;
  font-style:normal!important;
  line-height:1!important;
  opacity:.85!important;
}

.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:20px!important;
}

.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method em,
.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method strong{
  display:inline-block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e5ebfb!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:500!important;
  text-shadow:none!important;
}

/* Never show the old duplicate text-only geo columns; keep only SVG flag + GEO chip. */
.lcpi-rightbar .lcpi-live-feed > .lcpi-geo-flag,
.lcpi-rightbar .lcpi-payout-feed > .lcpi-geo-flag,
.lcpi-rightbar .lcpi-live-feed > strong,
.lcpi-rightbar .lcpi-payout-feed > strong{
  display:none!important;
}
.lcpi-rightbar .lcpi-live-feed > .lcpi-country-chip,
.lcpi-rightbar .lcpi-payout-feed > .lcpi-country-chip{
  display:inline-flex!important;
}

/* Slightly more room on wider desktop rightbars. */
@media (min-width:1600px){
  .lcpi-rightbar .lcpi-live-feed{grid-template-columns:62px minmax(72px,1fr) 70px 72px 18px!important; column-gap:8px!important;}
  .lcpi-rightbar .lcpi-payout-feed{grid-template-columns:62px minmax(106px,1fr) 58px 66px 18px!important; column-gap:8px!important;}
  .lcpi-rightbar .lcpi-country-chip{width:62px!important; min-width:62px!important; max-width:62px!important;}
  .lcpi-rightbar .lcpi-country-chip img{width:24px!important; height:16px!important; min-width:24px!important;}
  .lcpi-rightbar .lcpi-country-chip .lcpi-geo-code{font-size:12.5px!important;}
}

/* Mobile keeps the same visual language but remains compact. */
.lcpi-front-mobile .lcpi-live-feed,
.lcpi-front-mobile .lcpi-payout-feed{
  grid-template-columns:58px minmax(0,1fr) auto auto 18px!important;
  column-gap:7px!important;
  align-items:center!important;
}
.lcpi-front-mobile .lcpi-country-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
}
.lcpi-front-mobile .lcpi-country-chip img{
  width:22px!important;
  height:15px!important;
  min-width:22px!important;
}
.lcpi-front-mobile .lcpi-country-chip .lcpi-geo-code{
  color:#e9efff!important;
  font-size:12px!important;
  font-weight:500!important;
}

/* frontend-f2aa-feed-design-final.css */
/* LeadCPI F2AA — Feed Design Final
   Purpose: final rightbar feed alignment only. Loaded last to override F2W/F2X/F2Y/F2Z. */

body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed{
  display:grid!important;
  align-items:center!important;
  min-width:0!important;
  width:100%!important;
  min-height:34px!important;
  padding:8px 0!important;
  border-top:1px solid rgba(130,149,214,.105)!important;
  overflow:hidden!important;
  column-gap:6px!important;
  row-gap:0!important;
  font-size:12px!important;
  line-height:1.15!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed{
  grid-template-columns:58px minmax(54px,1fr) 60px 68px 16px!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed{
  grid-template-columns:58px minmax(76px,1fr) 52px 64px 16px!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > *,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed > *{
  position:static!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-country-chip{
  grid-column:1!important;
  display:grid!important;
  grid-template-columns:24px 22px!important;
  align-items:center!important;
  justify-content:start!important;
  gap:7px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  line-height:1!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-country-chip img{
  display:block!important;
  width:24px!important;
  height:16px!important;
  min-width:24px!important;
  max-width:24px!important;
  border-radius:3px!important;
  object-fit:cover!important;
  
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-country-chip .lcpi-geo-code,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-country-chip b{
  display:block!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  color:#e8eefc!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  line-height:1!important;
  text-align:left!important;
  text-shadow:none!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > em{
  grid-column:2!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#dfe7fb!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.15!important;
  text-align:left!important;
  text-shadow:none!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > small,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed > small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#b8c3e1!important;
  font-size:11.5px!important;
  font-weight:400!important;
  line-height:1.15!important;
  text-align:right!important;
  text-shadow:none!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > b,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed > b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#2cff82!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.15!important;
  text-align:right!important;
  text-shadow:none!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > i,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed > i{
  display:block!important;
  width:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  overflow:hidden!important;
  color:#b7a6ff!important;
  font-size:12px!important;
  font-style:normal!important;
  line-height:1!important;
  text-align:right!important;
  opacity:.9!important;
  text-shadow:none!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method{
  grid-column:2!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed .lcpi-pay-icon{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  border-radius:7px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:700!important;
  
}

body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method em,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method strong{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#dfe7fb!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.15!important;
  text-align:left!important;
  text-shadow:none!important;
}

/* Kill legacy duplicate columns only if direct children exist from old templates. */
body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > .lcpi-geo-flag,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed > .lcpi-geo-flag,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > strong,
body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed > strong{
  display:none!important;
}

body.lcpi-front-desktop .lcpi-rightbar .online{
  display:block!important;
  margin-top:8px!important;
  color:#28ff86!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-shadow:none!important;
}

/* Compact rightbar safety for narrow browser zoom/width. */
@media (max-width:1480px){
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed{grid-template-columns:55px minmax(46px,1fr) 52px 60px 14px!important; column-gap:5px!important; font-size:11.5px!important;}
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed{grid-template-columns:55px minmax(58px,1fr) 46px 54px 14px!important; column-gap:5px!important; font-size:11.5px!important;}
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-country-chip{grid-template-columns:22px 20px!important; gap:6px!important; width:55px!important; min-width:55px!important; max-width:55px!important;}
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-country-chip img{width:22px!important; height:15px!important; min-width:22px!important; max-width:22px!important;}
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-country-chip .lcpi-geo-code,
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-country-chip b{width:20px!important; min-width:20px!important; max-width:20px!important; font-size:11.5px!important;}
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > em,
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method em,
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method strong{font-size:11.5px!important;}
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > small,
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed > small,
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-live-feed > b,
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed > b{font-size:11.5px!important;}
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed .lcpi-pay-icon{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;font-size:10px!important;}
  body.lcpi-front-desktop .lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method{grid-template-columns:18px minmax(0,1fr)!important; gap:6px!important;}
}

/* Mobile restore: flag+geo remains visible, user/method remains visible. */
body.lcpi-front-mobile .lcpi-mobile-card-list .lcpi-live-feed,
body.lcpi-front-mobile .lcpi-mobile-card-list .lcpi-payout-feed{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto auto 18px!important;
  column-gap:7px!important;
  align-items:center!important;
}
body.lcpi-front-mobile .lcpi-mobile-card-list .lcpi-country-chip{
  display:grid!important;
  grid-template-columns:22px 22px!important;
  gap:7px!important;
  width:58px!important;
  min-width:58px!important;
  overflow:hidden!important;
  align-items:center!important;
}
body.lcpi-front-mobile .lcpi-mobile-card-list .lcpi-country-chip img{width:22px!important;height:15px!important;object-fit:cover!important;border-radius:3px!important;}
body.lcpi-front-mobile .lcpi-mobile-card-list .lcpi-country-chip b,
body.lcpi-front-mobile .lcpi-mobile-card-list .lcpi-country-chip .lcpi-geo-code{display:block!important;color:#e8eefc!important;font-size:12px!important;font-weight:500!important;line-height:1!important;}
body.lcpi-front-mobile .lcpi-mobile-card-list .lcpi-live-feed > strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

/* frontend-f2ab-countries-period-polish.css */
/* LeadCPI F2AB — Countries Lock + Period Caption Polish
   Scope: desktop bottom locked cards only. Loaded after F2AA. No layout/schema changes. */

body.lcpi-front-desktop .lcpi-locked h3,
body.lcpi-front-desktop .lcpi-country-panel h3{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:0 0 10px!important;
  color:#e8ecfb!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
  text-shadow:none!important;
}

body.lcpi-front-desktop .lcpi-locked h3 small,
body.lcpi-front-desktop .lcpi-country-panel h3 small{
  margin-left:auto!important;
  color:#b5aee0!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  opacity:.88!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}

/* Make only Top Countries lock match the approved design: visible, round, larger, glowing. */
body.lcpi-front-desktop .lcpi-country-panel .lcpi-country{
  position:relative!important;
}

body.lcpi-front-desktop .lcpi-country-panel .lcpi-mini-lock{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 50% 35%, rgba(255,218,122,.20), rgba(98,61,181,.20) 54%, rgba(12,18,45,.74) 100%)!important;
  border:1px solid rgba(177,134,255,.28)!important;
  
  color:#ffd166!important;
  font-size:23px!important;
  line-height:1!important;
  font-style:normal!important;
  text-align:center!important;
  opacity:1!important;
  text-shadow:0 0 10px rgba(255,196,77,.38)!important;
}

body.lcpi-front-desktop .lcpi-country-panel .donut{
  margin-right:8px!important;
}

/* Slightly tighten Top Countries content so the larger lock has room. */
body.lcpi-front-desktop .lcpi-country-panel .lcpi-country p{
  margin:0 0 7px!important;
  line-height:1.15!important;
}

@media (max-width:1480px){
  body.lcpi-front-desktop .lcpi-locked h3,
  body.lcpi-front-desktop .lcpi-country-panel h3{
    font-size:16px!important;
  }
  body.lcpi-front-desktop .lcpi-locked h3 small,
  body.lcpi-front-desktop .lcpi-country-panel h3 small{
    font-size:10.5px!important;
  }
  body.lcpi-front-desktop .lcpi-country-panel .lcpi-mini-lock{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    font-size:21px!important;
  }
}

/* frontend-f2ac-quick-access-polish.css */
/* LeadCPI F2AC — Quick Access + Collapse Polish
   Scope: desktop frontend only. No layout, SQL, tracking, wallet, admin or partners changes. */
.lcpi-front-desktop .lcpi-quick-access{
    position:relative;
    overflow:hidden;
    padding:18px 16px 16px;
    border-radius:18px;
    background:
        radial-gradient(circle at 15% 20%, rgba(0,216,255,.12), transparent 36%),
        radial-gradient(circle at 78% 10%, rgba(195,65,255,.16), transparent 38%),
        linear-gradient(180deg, rgba(10,22,53,.94), rgba(8,15,37,.96));
    border:1px solid rgba(126,83,255,.34);
    
}
.lcpi-front-desktop .lcpi-quick-access::before{
    content:"";
    position:absolute;
    inset:-40% -20% auto auto;
    width:150px;
    height:150px;
    background:radial-gradient(circle, rgba(148,78,255,.20), transparent 64%);
    pointer-events:none;
}
.lcpi-front-desktop .lcpi-quick-access h4{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 15px;
    font-size:15px;
    line-height:1.1;
    font-weight:550;
    color:#edf3ff;
    letter-spacing:-.015em;
}
.lcpi-front-desktop .lcpi-quick-access h4 img{
    width:24px;
    height:24px;
    flex:0 0 24px;
    
}
.lcpi-front-desktop .lcpi-quick-access > div{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}
.lcpi-front-desktop .lcpi-quick-access a{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:74px;
    padding:10px 6px 9px;
    border-radius:14px;
    text-decoration:none;
    color:#dce7ff;
    background:linear-gradient(180deg, rgba(21,34,68,.82), rgba(13,20,45,.92));
    border:1px solid rgba(147,167,255,.14);
    
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.lcpi-front-desktop .lcpi-quick-access a:hover{
    transform:translateY(-2px);
    border-color:rgba(189,106,255,.42);
    
}
.lcpi-front-desktop .lcpi-quick-access a span{
    display:grid;
    place-items:center;
    width:39px;
    height:39px;
    border-radius:12px;
    background:rgba(13,24,52,.78);
    border:1px solid rgba(255,255,255,.08);
}
.lcpi-front-desktop .lcpi-quick-access a span img{
    width:25px;
    height:25px;
    display:block;
}
.lcpi-front-desktop .lcpi-quick-access a small{
    display:block;
    max-width:100%;
    font-size:11px;
    line-height:1.05;
    font-weight:450;
    color:#c7d2f1;
    letter-spacing:-.01em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.lcpi-front-desktop .lcpi-quick-wallet span{
    background:linear-gradient(180deg, rgba(0,216,255,.18), rgba(0,128,255,.08)) !important;
    
}
.lcpi-front-desktop .lcpi-quick-referrals span{
    background:linear-gradient(180deg, rgba(255,193,42,.20), rgba(148,94,255,.08)) !important;
    
}
.lcpi-front-desktop .lcpi-quick-profile span{
    background:linear-gradient(180deg, rgba(255,83,113,.18), rgba(151,54,255,.08)) !important;
    
}
.lcpi-front-desktop .lcpi-collapse{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    height:52px;
    padding:0 15px;
    border-radius:15px;
    border:1px solid rgba(127,93,255,.25);
    background:linear-gradient(180deg, rgba(15,27,59,.86), rgba(10,18,41,.94));
    color:#dce6ff;
    font-size:14px;
    font-weight:450;
    letter-spacing:-.01em;
    
    cursor:pointer;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.lcpi-front-desktop .lcpi-collapse:hover{
    transform:translateY(-1px);
    border-color:rgba(177,97,255,.50);
    
}
.lcpi-front-desktop .lcpi-collapse img{
    width:30px;
    height:30px;
    border-radius:10px;
    padding:6px;
    background:linear-gradient(180deg, rgba(100,62,255,.85), rgba(43,74,255,.45));
    border:1px solid rgba(195,151,255,.28);
    
}
.lcpi-front-desktop .lcpi-collapse span{
    color:#cdd7f5;
}

/* frontend-f2ad-quick-access-clean-icons.css */
/* LeadCPI F2AD — Quick Access + Collapse clean icon pass
   Scope: desktop frontend only. No SQL/tracking/wallet/admin/partners changes. */
.lcpi-front-desktop .lcpi-quick-access{
    padding:18px 15px 16px !important;
    border-radius:18px !important;
    background:
        radial-gradient(circle at 18% 16%, rgba(0,216,255,.10), transparent 35%),
        radial-gradient(circle at 82% 6%, rgba(168,76,255,.18), transparent 40%),
        linear-gradient(180deg, rgba(11,23,52,.96), rgba(8,15,36,.98)) !important;
    border-color:rgba(139,93,255,.36) !important;
    
}
.lcpi-front-desktop .lcpi-quick-access h4{
    gap:9px !important;
    margin-bottom:14px !important;
    font-size:15px !important;
    font-weight:560 !important;
    color:#e9f0ff !important;
}
.lcpi-front-desktop .lcpi-quick-access h4 img{
    width:25px !important;
    height:25px !important;
    !important;
}
.lcpi-front-desktop .lcpi-quick-access > div{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:9px !important;
}
.lcpi-front-desktop .lcpi-quick-access a{
    min-height:78px !important;
    padding:10px 4px 9px !important;
    gap:8px !important;
    border-radius:14px !important;
    background:linear-gradient(180deg, rgba(18,31,65,.88), rgba(11,19,43,.96)) !important;
    border:1px solid rgba(142,162,255,.18) !important;
    
}
.lcpi-front-desktop .lcpi-quick-access a:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(187,107,255,.44) !important;
    
}
.lcpi-front-desktop .lcpi-quick-access a span{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
    background:linear-gradient(180deg, rgba(20,38,78,.94), rgba(12,23,51,.98)) !important;
    border:1px solid rgba(158,182,255,.15) !important;
}
.lcpi-front-desktop .lcpi-quick-access a span img{
    width:27px !important;
    height:27px !important;
}
.lcpi-front-desktop .lcpi-quick-access a small{
    width:100% !important;
    max-width:none !important;
    display:block !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    font-size:10.5px !important;
    line-height:1.05 !important;
    font-weight:450 !important;
    letter-spacing:-.035em !important;
    color:#d7e2ff !important;
}
.lcpi-front-desktop .lcpi-quick-wallet span{
    background:linear-gradient(180deg, rgba(0,210,255,.22), rgba(0,128,255,.09)) !important;
    
}
.lcpi-front-desktop .lcpi-quick-referrals span{
    background:linear-gradient(180deg, rgba(255,197,42,.22), rgba(151,102,255,.08)) !important;
    
}
.lcpi-front-desktop .lcpi-quick-profile span{
    background:linear-gradient(180deg, rgba(255,86,117,.22), rgba(155,54,255,.08)) !important;
    
}
.lcpi-front-desktop .lcpi-collapse{
    height:52px !important;
    padding:0 16px !important;
    gap:13px !important;
    border-radius:15px !important;
    background:linear-gradient(180deg, rgba(15,28,61,.88), rgba(9,17,40,.98)) !important;
    border:1px solid rgba(126,93,255,.28) !important;
    
}
.lcpi-front-desktop .lcpi-collapse img{
    width:32px !important;
    height:32px !important;
    padding:0 !important;
    border-radius:11px !important;
    background:none !important;
    border:0 !important;
    
}
.lcpi-front-desktop .lcpi-collapse span{
    color:#d7e1fb !important;
    font-size:14px !important;
    font-weight:450 !important;
    letter-spacing:-.015em !important;
}

/* frontend-f2ae-quick-access-borderless.css */
/* LeadCPI F2AE — Quick Access borderless icons + clean Collapse
   Scope: desktop frontend only. No SQL/tracking/wallet/admin/partners changes. */
.lcpi-front-desktop .lcpi-quick-access{
    padding:18px 16px 17px !important;
    border-radius:18px !important;
    background:
        radial-gradient(circle at 22% 14%, rgba(0,216,255,.10), transparent 34%),
        radial-gradient(circle at 82% 5%, rgba(168,76,255,.20), transparent 42%),
        linear-gradient(180deg, rgba(11,23,52,.96), rgba(8,15,36,.98)) !important;
    border:1px solid rgba(139,93,255,.34) !important;
    
}
.lcpi-front-desktop .lcpi-quick-access h4{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    margin:0 0 16px !important;
    font-size:15px !important;
    font-weight:520 !important;
    color:#e9f0ff !important;
    letter-spacing:-.025em !important;
}
.lcpi-front-desktop .lcpi-quick-access h4 img{
    width:25px !important;
    height:25px !important;
    !important;
}
.lcpi-front-desktop .lcpi-quick-access > div{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
}
.lcpi-front-desktop .lcpi-quick-access a{
    min-height:66px !important;
    padding:4px 2px 2px !important;
    gap:8px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-decoration:none !important;
    overflow:visible !important;
}
.lcpi-front-desktop .lcpi-quick-access a:hover{
    transform:translateY(-1px) !important;
    border:0 !important;
    background:transparent !important;
    
}
.lcpi-front-desktop .lcpi-quick-access a span{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    outline:0 !important;
    
}
.lcpi-front-desktop .lcpi-quick-access a span img{
    width:29px !important;
    height:29px !important;
    display:block !important;
}
.lcpi-front-desktop .lcpi-quick-access a small{
    width:100% !important;
    max-width:none !important;
    display:block !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    font-size:11px !important;
    line-height:1.05 !important;
    font-weight:430 !important;
    letter-spacing:-.03em !important;
    color:#d7e2ff !important;
}
.lcpi-front-desktop .lcpi-quick-wallet span{
    background:radial-gradient(circle at 50% 42%, rgba(0,214,255,.26), rgba(7,24,54,.08) 64%) !important;
    
}
.lcpi-front-desktop .lcpi-quick-referrals span{
    background:radial-gradient(circle at 50% 42%, rgba(255,197,42,.25), rgba(38,26,7,.08) 64%) !important;
    
}
.lcpi-front-desktop .lcpi-quick-profile span{
    background:radial-gradient(circle at 50% 42%, rgba(255,86,117,.24), rgba(52,9,28,.08) 64%) !important;
    
}
.lcpi-front-desktop .lcpi-collapse{
    height:52px !important;
    padding:0 18px !important;
    gap:12px !important;
    border-radius:15px !important;
    background:linear-gradient(180deg, rgba(15,28,61,.88), rgba(9,17,40,.98)) !important;
    border:1px solid rgba(126,93,255,.26) !important;
    
    display:flex !important;
    align-items:center !important;
}
.lcpi-front-desktop .lcpi-collapse img{
    width:28px !important;
    height:28px !important;
    padding:0 !important;
    border-radius:0 !important;
    background:none !important;
    border:0 !important;
    
    !important;
}
.lcpi-front-desktop .lcpi-collapse span{
    color:#d7e1fb !important;
    font-size:14px !important;
    font-weight:430 !important;
    letter-spacing:-.015em !important;
}

/* frontend-f2af-collapse-clean.css */
/* LeadCPI F2AF — Collapse button clean state
   Scope: desktop frontend only. Removes double icon in collapsed mode. */
.lcpi-front-desktop .lcpi-collapse,
body.lcpi-front-desktop .lcpi-collapse{
    position:relative !important;
    height:52px !important;
    padding:0 18px !important;
    gap:12px !important;
    border-radius:15px !important;
    border:1px solid rgba(126,93,255,.24) !important;
    background:linear-gradient(180deg, rgba(15,28,61,.78), rgba(9,17,40,.92)) !important;
    
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    color:#d7e1fb !important;
    overflow:hidden !important;
}
.lcpi-front-desktop .lcpi-collapse::before,
.lcpi-front-desktop .lcpi-collapse::after,
body.lcpi-sidebar-collapsed .lcpi-collapse::before,
body.lcpi-sidebar-collapsed .lcpi-collapse::after{
    content:none !important;
    display:none !important;
}
.lcpi-front-desktop .lcpi-collapse img,
body.lcpi-front-desktop .lcpi-collapse img{
    width:24px !important;
    height:24px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    
    display:block !important;
    flex:0 0 24px !important;
    opacity:.92 !important;
    !important;
}
.lcpi-front-desktop .lcpi-collapse span,
body.lcpi-front-desktop .lcpi-collapse span{
    display:inline-block !important;
    margin:0 !important;
    color:#d7e1fb !important;
    font-size:14px !important;
    font-weight:430 !important;
    letter-spacing:-.015em !important;
}
.lcpi-front-desktop .lcpi-collapse:hover{
    border-color:rgba(190,91,255,.42) !important;
    
    transform:translateY(-1px) !important;
}
body.lcpi-sidebar-collapsed .lcpi-collapse{
    justify-content:center !important;
    padding:0 !important;
    gap:0 !important;
    font-size:0 !important;
    text-align:center !important;
}
body.lcpi-sidebar-collapsed .lcpi-collapse img{
    display:block !important;
    width:25px !important;
    height:25px !important;
    flex:0 0 25px !important;
    margin:0 auto !important;
}
body.lcpi-sidebar-collapsed .lcpi-collapse span{
    display:none !important;
}

/* frontend-f2ag-topbar-icons.css */
/* F2AG - Topbar icon polish: match approved desktop design, no emoji icons */
.lcpi-topbar{
    align-items:center !important;
}
.lcpi-top-actions{
    align-items:center !important;
    gap:12px !important;
}
.lcpi-top-actions .lcpi-chip,
.lcpi-top-icon-btn,
.lcpi-lang-chip{
    height:46px !important;
    min-width:46px !important;
    border-radius:14px !important;
    border:1px solid rgba(137,116,255,.22) !important;
    background:linear-gradient(180deg,rgba(16,23,55,.88),rgba(9,14,38,.92)) !important;
    
    color:#dbe5ff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 14px !important;
    line-height:1 !important;
    font-size:13px !important;
    font-weight:500 !important;
    letter-spacing:.01em !important;
}
.lcpi-top-icon-btn{
    width:48px !important;
    padding:0 !important;
    position:relative !important;
}
.lcpi-top-icon-btn img{
    width:20px !important;
    height:20px !important;
    display:block !important;
    
}
.lcpi-theme-toggle{
    gap:7px !important;
    width:64px !important;
    padding:0 9px !important;
    justify-content:space-between !important;
}
.lcpi-theme-toggle > img{
    width:20px !important;
    height:20px !important;
    opacity:.92 !important;
}
.lcpi-theme-toggle i{
    width:24px !important;
    height:24px !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 35% 30%,#fff 0,#dfc9ff 31%,#a76bff 68%,#7033e9 100%) !important;
    
    flex:0 0 auto !important;
}
.lcpi-lang-chip{
    gap:8px !important;
    min-width:74px !important;
    padding:0 13px !important;
}
.lcpi-lang-chip img:first-child{
    width:22px !important;
    height:16px !important;
    border-radius:3px !important;
    object-fit:cover !important;
    
}
.lcpi-lang-chip span{
    color:#eef4ff !important;
    font-size:13px !important;
    font-weight:500 !important;
}
.lcpi-lang-chip .lcpi-caret{
    width:10px !important;
    height:10px !important;
    opacity:.78 !important;
}
.lcpi-bell b{
    position:absolute !important;
    top:-7px !important;
    right:-5px !important;
    min-width:20px !important;
    height:20px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#ff423b,#ff1f2f) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    
}
.lcpi-guest{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:158px !important;
    padding:0 4px !important;
}
.lcpi-guest .avatar{
    position:relative !important;
    width:46px !important;
    height:46px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:radial-gradient(circle at 35% 25%,#f7f4ff 0,#d8d8ff 45%,#7b6af0 100%) !important;
    
    flex:0 0 auto !important;
}
.lcpi-guest .avatar img{
    width:28px !important;
    height:28px !important;
    opacity:.95 !important;
}
.lcpi-guest .avatar::after{
    content:"" !important;
    position:absolute !important;
    right:1px !important;
    bottom:2px !important;
    width:11px !important;
    height:11px !important;
    border-radius:50% !important;
    background:#21d7ff !important;
    border:2px solid #050b1e !important;
    
}
.lcpi-guest strong{
    color:#fff !important;
    display:block !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.05 !important;
}
.lcpi-guest small{
    color:#aab6d8 !important;
    display:block !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.2 !important;
    margin-top:3px !important;
}
.lcpi-login-btn{
    height:46px !important;
    min-width:156px !important;
    padding:0 22px !important;
    border-radius:12px !important;
    gap:9px !important;
    font-size:14px !important;
    font-weight:600 !important;
    color:#fff !important;
    background:linear-gradient(180deg,#b64dff 0%,#8d35f6 100%) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    
    white-space:nowrap !important;
}
.lcpi-login-btn img{
    width:16px !important;
    height:16px !important;
    !important;
}
.lcpi-login-btn::before{
    opacity:.32 !important;
}
.lcpi-login-btn:hover{
    transform:translateY(-1px) !important;
    
}
@media (max-width: 1320px){
    .lcpi-top-actions{gap:8px !important;}
    .lcpi-guest{min-width:132px !important;}
    .lcpi-login-btn{min-width:142px !important;padding:0 16px !important;}
}

/* frontend-f2ah-topbar-icons-final.css */
/* F2AH - Topbar icon final polish: closer to approved design, no emoji, larger copper bell */
.lcpi-top-actions{
    gap:11px !important;
}
.lcpi-top-actions .lcpi-chip,
.lcpi-top-icon-btn,
.lcpi-lang-chip{
    height:44px !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(17,23,55,.84),rgba(8,13,34,.94)) !important;
    border:1px solid rgba(146,120,255,.20) !important;
    
}
.lcpi-theme-toggle{
    position:relative !important;
    width:76px !important;
    min-width:76px !important;
    padding:0 8px !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
}
.lcpi-theme-toggle .lcpi-theme-symbols{
    position:relative !important;
    width:34px !important;
    height:30px !important;
    display:block !important;
    flex:0 0 34px !important;
}
.lcpi-theme-toggle .lcpi-top-sun{
    position:absolute !important;
    left:1px !important;
    top:1px !important;
    width:27px !important;
    height:27px !important;
    opacity:.98 !important;
    !important;
}
.lcpi-theme-toggle .lcpi-top-moon{
    position:absolute !important;
    left:19px !important;
    top:3px !important;
    width:13px !important;
    height:13px !important;
    opacity:.96 !important;
    !important;
}
.lcpi-theme-toggle > img{
    display:none !important;
}
.lcpi-theme-toggle i{
    position:absolute !important;
    right:8px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:25px !important;
    height:25px !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 34% 28%,#fff 0,#e5d5ff 30%,#aa73ff 68%,#6e39ee 100%) !important;
    
}
.lcpi-bell{
    width:48px !important;
    min-width:48px !important;
    padding:0 !important;
}
.lcpi-bell img{
    width:26px !important;
    height:26px !important;
    !important;
}
.lcpi-bell b{
    top:-8px !important;
    right:-6px !important;
    min-width:21px !important;
    height:21px !important;
    font-size:11px !important;
    font-weight:700 !important;
    background:linear-gradient(180deg,#ff4d3e,#f21d2d) !important;
    
}
.lcpi-lang-chip{
    height:44px !important;
    min-width:72px !important;
    gap:7px !important;
    padding:0 12px !important;
}
.lcpi-lang-chip img:first-child{
    width:22px !important;
    height:16px !important;
    
}
.lcpi-guest .avatar{
    width:44px !important;
    height:44px !important;
}
.lcpi-guest .avatar img{
    width:27px !important;
    height:27px !important;
}
.lcpi-login-btn{
    height:44px !important;
    min-width:152px !important;
    padding:0 19px !important;
    border-radius:11px !important;
    
}
@media (max-width:1320px){
    .lcpi-theme-toggle{width:72px !important;min-width:72px !important;}
    .lcpi-login-btn{min-width:138px !important;padding:0 15px !important;}
}

/* frontend-f2ai-topbar-icons-professional.css */
/* F2AI - Professional topbar icons: separated crescent moon/sun and balanced copper bell */
.lcpi-top-actions{
    gap:12px !important;
    align-items:center !important;
}
.lcpi-top-actions .lcpi-chip,
.lcpi-top-icon-btn,
.lcpi-lang-chip{
    height:44px !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(17,23,55,.82),rgba(7,12,32,.94)) !important;
    border:1px solid rgba(145,122,255,.22) !important;
    
}
.lcpi-theme-toggle{
    width:82px !important;
    min-width:82px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}
.lcpi-theme-toggle .lcpi-theme-symbols{
    width:auto !important;
    height:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:15px !important;
    flex:0 0 auto !important;
}
.lcpi-theme-toggle .lcpi-top-sun,
.lcpi-theme-toggle .lcpi-top-moon{
    position:static !important;
    width:20px !important;
    height:20px !important;
    display:block !important;
    opacity:.98 !important;
}
.lcpi-theme-toggle .lcpi-top-sun{
    !important;
}
.lcpi-theme-toggle .lcpi-top-moon{
    !important;
}
.lcpi-theme-toggle i,
.lcpi-theme-toggle > img{
    display:none !important;
}
.lcpi-bell{
    width:48px !important;
    min-width:48px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}
.lcpi-bell img{
    width:24px !important;
    height:24px !important;
    display:block !important;
    !important;
}
.lcpi-bell b{
    top:-7px !important;
    right:-6px !important;
    min-width:20px !important;
    height:20px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    font-size:10px !important;
    line-height:20px !important;
    font-weight:700 !important;
    background:linear-gradient(180deg,#ff5848,#e91f30) !important;
    color:#fff !important;
    
}
.lcpi-lang-chip img:first-child{
    width:22px !important;
    height:16px !important;
}
@media (max-width:1320px){
    .lcpi-theme-toggle{width:78px !important;min-width:78px !important;padding:0 12px !important;}
    .lcpi-theme-toggle .lcpi-theme-symbols{gap:13px !important;}
    .lcpi-theme-toggle .lcpi-top-sun,
    .lcpi-theme-toggle .lcpi-top-moon{width:19px !important;height:19px !important;}
    .lcpi-bell{width:46px !important;min-width:46px !important;}
}


/* LeadCPI unified topbar hardening: action component only. Do not mutate search/main/rightbar layout. */
.lcpi-top-actions .lcpi-geo-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important;line-height:1!important;vertical-align:middle!important;}
.lcpi-top-actions .lcpi-geo-chip .lcpi-geo-flag{display:block!important;width:20px!important;height:14px!important;min-width:20px!important;object-fit:cover!important;border-radius:3px!important;}
.lcpi-top-actions .lcpi-geo-chip span{display:block!important;line-height:1!important;font-weight:800!important;letter-spacing:.02em!important;}
.lcpi-top-actions .lcpi-geo-chip .lcpi-caret{display:none!important;}
.lcpi-top-actions .lcpi-bell b{display:none!important;}
.lcpi-top-actions .lcpi-bell.is-muted{opacity:.55!important;filter:grayscale(1)!important;}
.lcpi-top-actions .lcpi-theme-symbols{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
.lcpi-top-actions .lcpi-theme-symbols img{display:block!important;width:18px!important;height:18px!important;object-fit:contain!important;opacity:.48!important;filter:none!important;}
html:not(.lcpi-light-mode) .lcpi-top-actions [data-lcpi-theme-toggle] .lcpi-top-moon{opacity:1!important;!important;}
html.lcpi-light-mode .lcpi-top-actions [data-lcpi-theme-toggle] .lcpi-top-sun{opacity:1!important;!important;}
.lcpi-top-actions .lcpi-user-menu{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;}
.lcpi-top-actions .lcpi-user-menu .lcpi-user-panel{cursor:pointer;border:0;text-align:left;font-family:inherit;}
.lcpi-top-actions .lcpi-user-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:190px;padding:8px;border:1px solid rgba(147,85,255,.34);border-radius:14px;background:linear-gradient(180deg,rgba(19,25,55,.98),rgba(8,13,31,.98));}
.lcpi-top-actions .lcpi-user-dropdown[hidden]{display:none!important;}
.lcpi-top-actions .lcpi-user-dropdown a{display:flex;align-items:center;height:36px;padding:0 11px;border-radius:10px;color:#dfe7ff;text-decoration:none;font-size:13px;font-weight:800;}
.lcpi-top-actions .lcpi-user-dropdown a:hover{background:rgba(151,75,255,.18);color:#fff;}
.lcpi-top-actions .lcpi-user-dropdown a.is-danger{color:#ff8b9b;}

/* frontend-live-leads-realtime.css */
/* LeadCPI frontend live leads realtime block - schema-safe UI only. */
.lcpi-live-feed{
  grid-template-columns:26px 34px minmax(0,1fr) 74px 78px 20px!important;
  gap:8px!important;
  min-width:0!important;
}
.lcpi-live-feed .lcpi-live-flag,
.lcpi-live-feed .lcpi-live-geo,
.lcpi-live-feed .lcpi-live-click{
  min-width:0!important;
}
.lcpi-live-feed .lcpi-live-flag{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.lcpi-live-feed .lcpi-live-flag img{
  display:block!important;
  width:24px!important;
  height:16px!important;
  object-fit:cover!important;
  border-radius:2px!important;
  
}
.lcpi-live-feed .lcpi-live-geo{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f5f8ff!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.1!important;
}
.lcpi-live-feed .lcpi-live-click{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f2f6ff!important;
  font-size:12px!important;
  font-weight:560!important;
  letter-spacing:-.025em!important;
}
.lcpi-live-feed small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.lcpi-live-feed b{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}
.lcpi-live-feed i{
  display:block!important;
  text-align:right!important;
  font-size:12px!important;
  line-height:1!important;
}
[data-live-leads-list]{
  display:grid!important;
  gap:0!important;
  min-width:0!important;
}
[data-live-leads-status]{
  display:block!important;
  margin-top:10px!important;
  color:#24ff78!important;
  font-size:11px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
@media(max-width:1480px){
  .lcpi-front-desktop .lcpi-live-feed{
    grid-template-columns:24px 30px minmax(0,1fr) 62px 64px 18px!important;
    gap:6px!important;
  }
  .lcpi-front-desktop .lcpi-live-feed .lcpi-live-click,
  .lcpi-front-desktop .lcpi-live-feed small,
  .lcpi-front-desktop .lcpi-live-feed b{
    font-size:11px!important;
  }
}
body.lcpi-front-mobile .lcpi-mobile-card-list .lcpi-live-feed{
  grid-template-columns:26px 36px minmax(0,1fr) 66px 66px 20px!important;
  gap:7px!important;
}
body.lcpi-front-mobile .lcpi-live-feed .lcpi-live-click,
body.lcpi-front-mobile .lcpi-live-feed small,
body.lcpi-front-mobile .lcpi-live-feed b{
  font-size:11px!important;
}
@media(max-width:380px){
  body.lcpi-front-mobile .lcpi-mobile-card-list .lcpi-live-feed{
    grid-template-columns:24px 30px minmax(0,1fr) 56px 54px 18px!important;
    gap:5px!important;
  }
  body.lcpi-front-mobile .lcpi-live-feed .lcpi-live-geo,
  body.lcpi-front-mobile .lcpi-live-feed .lcpi-live-click,
  body.lcpi-front-mobile .lcpi-live-feed small,
  body.lcpi-front-mobile .lcpi-live-feed b{
    font-size:10px!important;
  }
}

/* frontend-stats-real-data.css */
/* F2AK real stats data guard: keeps long numeric values inside the stat cards. */
.lcpi-stat strong,
.lcpi-mobile-stats strong{
  max-width:100%;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lcpi-stat strong.lcpi-stat-compact,
.lcpi-mobile-stats strong.lcpi-stat-compact{
  font-size:clamp(18px,2vw,28px)!important;
  letter-spacing:-.04em!important;
  line-height:1.08!important;
}
.lcpi-mobile-stats strong.lcpi-stat-compact{
  font-size:clamp(15px,4.6vw,22px)!important;
}
@media (max-width: 1280px){
  body.lcpi-front-desktop .lcpi-stat strong.lcpi-stat-compact{
    font-size:clamp(16px,1.65vw,24px)!important;
  }
}

/* frontend-hot-offers-realtime.css */
/* F2AL — Hot Offers real banner data + safe carousel polish. */
.lcpi-hot-section{overflow:visible;}
.lcpi-front-desktop .lcpi-hot-section .lcpi-offer-row{
    display:flex!important;
    grid-template-columns:none!important;
    gap:13px!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 1px 2px;
}
.lcpi-front-desktop .lcpi-hot-section .lcpi-offer-row::-webkit-scrollbar{display:none;}
.lcpi-front-desktop .lcpi-hot-section .lcpi-offer-card{
    flex:0 0 calc((100% - 65px)/6);
    min-width:126px;
    max-width:180px;
    scroll-snap-align:start;
}
.lcpi-hot-section .lcpi-offer-card strong{
    max-width:calc(100% - 28px);
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.lcpi-hot-section .lcpi-offer-card em{
    max-width:calc(100% - 28px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-transform:uppercase;
}
.lcpi-hot-section .lcpi-offer-card footer span{
    min-width:0;
    max-width:58%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lcpi-hot-section .lcpi-offer-card footer b{
    max-width:42%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:.01em;
}
.lcpi-hot-section .lcpi-offer-card.is-locked{cursor:pointer;}
.lcpi-hot-section .lcpi-offer-card.is-locked:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(5,10,25,0),rgba(5,10,25,.08));
}
.lcpi-hot-section .lcpi-offer-card.is-locked footer:after{
    content:"🔒";
    margin-left:5px;
    opacity:.8;
    font-size:11px;
}
.lcpi-hot-section .lcpi-slider-arrow{display:grid;place-items:center;}
.lcpi-hot-section .lcpi-slider-arrow:disabled{opacity:.35;cursor:not-allowed;}

@media(max-width:1680px){
    .lcpi-front-desktop .lcpi-hot-section .lcpi-offer-card{flex-basis:calc((100% - 60px)/5);max-width:none;}
}
@media(max-width:1480px){
    .lcpi-front-desktop .lcpi-hot-section .lcpi-offer-card{flex-basis:calc((100% - 39px)/4);}
}
@media(max-width:1240px){
    .lcpi-front-desktop .lcpi-hot-section .lcpi-offer-card{flex-basis:calc((100% - 26px)/3);}
}
@media(max-width:1060px){
    .lcpi-front-desktop .lcpi-hot-section .lcpi-offer-card{flex-basis:calc((100% - 13px)/2);}
}

.lcpi-front-mobile .lcpi-mobile-offers{
    display:flex!important;
    gap:12px;
    overflow-x:auto;
    overflow-y:visible;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:1px 1px 4px;
}
.lcpi-front-mobile .lcpi-mobile-offers::-webkit-scrollbar{display:none;}
.lcpi-front-mobile .lcpi-mobile-offers .lcpi-offer-card{
    flex:0 0 min(78vw, 250px);
    scroll-snap-align:start;
}
.lcpi-front-mobile .lcpi-mobile-offers .lcpi-offer-card strong,
.lcpi-front-mobile .lcpi-mobile-offers .lcpi-offer-card em,
.lcpi-front-mobile .lcpi-mobile-offers .lcpi-offer-card footer span,
.lcpi-front-mobile .lcpi-mobile-offers .lcpi-offer-card footer b{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lcpi-front-mobile .lcpi-mobile-offers .lcpi-offer-card footer b{
    max-width:45%;
    text-transform:uppercase;
    font-size:10px;
}

/* frontend-auth-topbar.css */
/* F2AM — authenticated frontend topbar panel. UI-only, no layout rewrite. */
.lcpi-front-desktop .lcpi-user-panel{
    max-width:210px;
    min-width:156px;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    border-color:rgba(122,144,210,.22)!important;
    background:linear-gradient(145deg,rgba(15,27,63,.62),rgba(8,15,39,.42))!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.lcpi-front-desktop .lcpi-user-panel:hover{
    border-color:rgba(184,83,255,.48)!important;
    
    transform:translateY(-1px);
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-initials{
    font-size:14px;
    font-weight:900;
    color:#f5f8ff;
    letter-spacing:.03em;
    background:radial-gradient(circle at 30% 20%,#ffffff 0,#aebfff 32%,#5b35ff 72%,#1d1b55 100%)!important;
    text-shadow:0 1px 8px rgba(0,0,0,.38);
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-initials:after{
    background:#22f06a!important;
    
}
.lcpi-front-desktop .lcpi-user-panel span:last-child{
    min-width:0;
}
.lcpi-front-desktop .lcpi-user-panel strong,
.lcpi-front-desktop .lcpi-user-panel small{
    max-width:132px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.lcpi-front-desktop .lcpi-wallet-btn{
    padding:0 18px!important;
    min-width:auto!important;
}
@media (max-width:1360px){
    .lcpi-front-desktop .lcpi-user-panel{min-width:138px;max-width:178px;}
    .lcpi-front-desktop .lcpi-user-panel strong,
    .lcpi-front-desktop .lcpi-user-panel small{max-width:104px;}
    .lcpi-front-desktop .lcpi-wallet-btn{padding:0 14px!important;}
}
@media (max-width:1180px){
    .lcpi-front-desktop .lcpi-wallet-btn{display:none!important;}
}
.lcpi-front-mobile .lcpi-mobile-user-pill{
    display:flex;
    align-items:center;
    gap:6px;
    max-width:118px;
    min-height:38px;
    padding:4px 8px;
    border-radius:999px;
    border:1px solid rgba(122,144,210,.24);
    background:linear-gradient(145deg,rgba(16,28,65,.92),rgba(4,10,27,.96));
    color:#fff;
    text-decoration:none;
    
}
.lcpi-front-mobile .lcpi-mobile-user-pill span{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border-radius:50%;
    background:linear-gradient(135deg,#6b32ff,#c335ff);
    font-size:11px;
    font-weight:900;
    flex:0 0 auto;
}
.lcpi-front-mobile .lcpi-mobile-user-pill b{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
}

/* F2AM.1 — real avatar support with online presence dot. */
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar{
    position:relative;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:50%;
    overflow:visible;
    isolation:isolate;
    
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar.has-image{
    padding:0;
    background:linear-gradient(135deg,#6b32ff,#c335ff)!important;
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    position:relative;
    z-index:1;
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar i,
.lcpi-front-mobile .lcpi-mobile-user-avatar i{
    position:absolute;
    right:-1px;
    bottom:1px;
    width:11px;
    height:11px;
    border-radius:50%;
    background:#22f06a;
    border:2px solid #111735;
    
    z-index:3;
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar:after{
    display:none!important;
}
.lcpi-front-mobile .lcpi-mobile-user-avatar{
    position:relative;
    display:grid!important;
    place-items:center;
    width:28px!important;
    height:28px!important;
    border-radius:50%;
    overflow:visible!important;
    background:linear-gradient(135deg,#6b32ff,#c335ff);
    
    flex:0 0 auto;
}
.lcpi-front-mobile .lcpi-mobile-user-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.lcpi-front-mobile .lcpi-mobile-user-avatar i{
    width:9px;
    height:9px;
    right:-2px;
    bottom:0;
    border-width:2px;
}


/* F2AM.2 — remove separate logged-in Wallet CTA; make points prominent inside account pill. */
.lcpi-front-desktop .lcpi-user-panel{
    min-width:178px;
    max-width:226px;
    padding-right:14px!important;
}
.lcpi-front-desktop .lcpi-user-panel strong{
    max-width:140px;
    font-size:14px;
    line-height:1.05;
}
.lcpi-front-desktop .lcpi-user-panel small{
    max-width:140px;
    display:block;
    margin-top:3px;
    color:#b9c7ff!important;
    font-size:11px;
    font-weight:800;
    letter-spacing:.01em;
}
.lcpi-front-desktop .lcpi-user-panel small:before{
    content:'';
    display:none;
}
.lcpi-front-desktop .lcpi-wallet-btn{
    display:none!important;
}
@media (max-width:1360px){
    .lcpi-front-desktop .lcpi-user-panel{min-width:164px;max-width:206px;}
    .lcpi-front-desktop .lcpi-user-panel strong,
    .lcpi-front-desktop .lcpi-user-panel small{max-width:120px;}
}
@media (max-width:1180px){
    .lcpi-front-desktop .lcpi-user-panel{min-width:152px;max-width:188px;}
    .lcpi-front-desktop .lcpi-user-panel strong,
    .lcpi-front-desktop .lcpi-user-panel small{max-width:106px;}
}

/* frontend-top-networks-real-data.css */
/* F2AN.6 — Top Networks: text-only network name, keep original UI design. */
.lcpi-front-desktop .lcpi-top-networks-panel{
    min-width:0!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 70px 58px!important;
    gap:9px!important;
    align-items:center!important;
    min-height:38px!important;
    padding:7px 0!important;
    font-size:13px!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > span:first-child{
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 24px!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-name{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    background:none!important;
    border:0!important;
    
    padding:0!important;
    margin:0!important;
    text-align:left!important;
    color:#f3f6ff!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    flex:0 0 22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    background:none!important;
    
    overflow:hidden!important;
    line-height:1!important;
    font-size:15px!important;
    font-style:normal!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-icon img{
    width:22px!important;
    height:22px!important;
    object-fit:contain!important;
    border-radius:6px!important;
    display:block!important;
}

/* Important: frontend-shell.css styles every .lcpi-list-row span as a pill.
   This override keeps the network name as plain text, matching the original design. */
.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-name .lcpi-network-name-text{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    display:block!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    color:#f3f6ff!important;
    line-height:1.2!important;
    font-size:14px!important;
    font-weight:600!important;
    letter-spacing:-.02em!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    
    padding:0!important;
    margin:0!important;
    place-items:normal!important;
    text-align:left!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > em{
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
    max-width:70px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:right!important;
    font-size:12px!important;
    color:#dce4ff!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b{
    min-width:54px!important;
    height:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    text-align:center!important;
    border-radius:8px!important;
    padding:0 8px!important;
    font-size:12px!important;
    line-height:1!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b.is-high,
.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b:not(.is-medium):not(.is-hard):not(.is-easy){
    color:#22ff72!important;
    background:rgba(34,240,100,.14)!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b.is-medium{
    color:#ffd12c!important;
    background:rgba(255,186,33,.14)!important;
}

@media (max-width:1480px){
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row{
        grid-template-columns:26px minmax(0,1fr) 62px 52px!important;
        gap:7px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > em{
        max-width:62px!important;
        font-size:11px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-icon,
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-icon img{
        width:20px!important;
        height:20px!important;
        min-width:20px!important;
        flex-basis:20px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-name{
        gap:8px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-name .lcpi-network-name-text{
        font-size:13px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b{
        min-width:50px!important;
        font-size:11px!important;
    }
}

@media (max-width:520px){
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row{
        grid-template-columns:24px minmax(0,1fr) 58px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b{display:none!important;}
}

/* frontend-top-payout-offers-real-data.css */
/* F2AO — Top Payout Offers real data, locked to original compact UI design. */
.lcpi-front-desktop .lcpi-top-payout-panel{
    min-width:0!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 28px 68px 58px!important;
    gap:9px!important;
    align-items:center!important;
    min-height:38px!important;
    padding:7px 0!important;
    font-size:13px!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-offer-icon{
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    color:#dce6ff!important;
    background:rgba(126,145,190,.18)!important;
    flex:0 0 24px!important;
    font-size:12px!important;
    line-height:1!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-name{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    background:none!important;
    border:0!important;
    
    padding:0!important;
    margin:0!important;
    color:#f3f6ff!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-title{
    min-width:0!important;
    flex:1 1 auto!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    
    padding:0!important;
    margin:0!important;
    color:#f3f6ff!important;
    line-height:1.2!important;
    font-size:14px!important;
    font-weight:600!important;
    text-align:left!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-name small{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:17px!important;
    max-width:58px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding:0 6px!important;
    border-radius:999px!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    color:#bfc9e8!important;
    background:rgba(150,162,205,.18)!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-geo{
    width:24px!important;
    height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:none!important;
    border:0!important;
    
    padding:0!important;
    margin:0!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-geo img{
    width:22px!important;
    height:15px!important;
    object-fit:cover!important;
    border-radius:3px!important;
    display:block!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row > em{
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
    max-width:68px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:right!important;
    font-size:12px!important;
    color:#dce4ff!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row > b{
    min-width:54px!important;
    height:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    text-align:center!important;
    border-radius:8px!important;
    padding:0 8px!important;
    font-size:12px!important;
    line-height:1!important;
    color:#ffd12c!important;
    background:rgba(255,186,33,.14)!important;
}

.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row > b.is-hot,
.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row > b.is-top,
.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row > b.is-daily,
.lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row > b.is-featured{
    color:#ffd12c!important;
    background:rgba(255,186,33,.14)!important;
}

@media (max-width:1480px){
    .lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row{
        grid-template-columns:26px minmax(0,1fr) 24px 58px 52px!important;
        gap:7px!important;
    }
    .lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-title{
        font-size:13px!important;
    }
    .lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-name small{
        max-width:48px!important;
        padding:0 5px!important;
        font-size:7.5px!important;
    }
    .lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row > em{
        max-width:58px!important;
        font-size:11px!important;
    }
    .lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row > b{
        min-width:50px!important;
        font-size:11px!important;
    }
}

@media (max-width:520px){
    .lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row{
        grid-template-columns:24px minmax(0,1fr) 24px 54px!important;
    }
    .lcpi-front-desktop .lcpi-top-payout-panel .lcpi-top-payout-row > b{display:none!important;}
}

/* frontend-fresh-offers-real-data.css */
/* F2AP — Fresh Offer Added real data block. Keep original compact UI design. */

/* F2AP.1 — Replace emoji with premium chart-style icon matching the UI design. */
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-section-title h3{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon{
    width:22px!important;
    height:22px!important;
    display:inline-grid!important;
    grid-template-columns:repeat(3, 1fr)!important;
    gap:3px!important;
    align-items:end!important;
    padding:3px!important;
    border-radius:7px!important;
    background:linear-gradient(180deg, rgba(46,207,255,.16), rgba(70,105,255,.08))!important;
    
    flex:0 0 22px!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon i{
    display:block!important;
    width:4px!important;
    border-radius:5px!important;
    background:linear-gradient(180deg, #7af6ff 0%, #2cc7ff 50%, #6478ff 100%)!important;
    
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon i:nth-child(1){height:9px!important;}
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon i:nth-child(2){height:15px!important;}
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon i:nth-child(3){height:20px!important;}

.lcpi-front-desktop .lcpi-fresh-offers-panel{
    min-width:0!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 70px 58px!important;
    gap:9px!important;
    align-items:center!important;
    min-height:38px!important;
    padding:7px 0!important;
    font-size:13px!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-icon{
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 24px!important;
    font-size:12px!important;
    line-height:1!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-icon img{
    width:20px!important;
    height:20px!important;
    object-fit:cover!important;
    border-radius:7px!important;
    display:block!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-name{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    background:none!important;
    border:0!important;
    
    padding:0!important;
    margin:0!important;
    color:#f3f6ff!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-title{
    min-width:0!important;
    flex:1 1 auto!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    
    padding:0!important;
    margin:0!important;
    color:#f3f6ff!important;
    line-height:1.2!important;
    font-size:14px!important;
    font-weight:600!important;
    text-align:left!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-name small{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:17px!important;
    max-width:58px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding:0 6px!important;
    border-radius:999px!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    color:#bfc9e8!important;
    background:rgba(150,162,205,.18)!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > em{
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
    max-width:70px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:right!important;
    font-size:12px!important;
    color:#dce4ff!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b{
    min-width:54px!important;
    height:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    text-align:center!important;
    border-radius:8px!important;
    padding:0 8px!important;
    font-size:12px!important;
    line-height:1!important;
    color:#22ff72!important;
    background:rgba(34,240,100,.14)!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b.is-hot,
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b.is-top,
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b.is-featured{
    color:#ffd12c!important;
    background:rgba(255,186,33,.14)!important;
}

@media (max-width:1480px){
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row{
        grid-template-columns:26px minmax(0,1fr) 62px 52px!important;
        gap:7px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-title{
        font-size:13px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-name small{
        max-width:48px!important;
        padding:0 5px!important;
        font-size:7.5px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > em{
        max-width:62px!important;
        font-size:11px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b{
        min-width:50px!important;
        font-size:11px!important;
    }
}

@media (max-width:520px){
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row{
        grid-template-columns:24px minmax(0,1fr) 58px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b{display:none!important;}
}

/* frontend-recent-payouts-realtime.css */
/* F2AS — Recent Payouts realtime masked feed. Presentation only. */
.lcpi-payout-panel [data-recent-payouts-list]{
    display:block;
}
.lcpi-payout-panel .lcpi-payout-feed{
    grid-template-columns:minmax(58px,.72fr) minmax(132px,1.45fr) minmax(72px,.8fr) minmax(70px,.85fr) 22px;
    align-items:center;
    min-width:0;
}
.lcpi-payout-panel .lcpi-country-chip,
.lcpi-payout-panel .lcpi-pay-method{
    min-width:0;
}
.lcpi-payout-panel .lcpi-pay-method em{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lcpi-payout-panel .lcpi-payout-feed small,
.lcpi-payout-panel .lcpi-payout-feed b{
    white-space:nowrap;
}
.lcpi-payout-panel .lcpi-payout-feed b{
    color:#28ff78;
    text-align:right;
    font-weight:900;
    text-shadow:0 0 10px rgba(40,255,120,.22);
}
.lcpi-realtime-foot{
    margin-top:10px;
    color:#28ff78;
    font-size:11px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.01em;
}
@media (max-width: 1180px){
    .lcpi-payout-panel .lcpi-payout-feed{
        grid-template-columns:minmax(54px,.65fr) minmax(112px,1.25fr) minmax(62px,.72fr) minmax(64px,.8fr) 20px;
        column-gap:8px;
    }
}

/* frontend-unlock-card-alignment.css */
/* F2AS — Unlock card neon grid + clean lock + row bottom alignment
   Scope: desktop frontend only. Keeps Want to see all data aligned with the ranking panels. */
.lcpi-front-desktop .lcpi-content-grid .lcpi-rank-panel,
.lcpi-front-desktop .lcpi-rightbar .lcpi-unlock.lcpi-panel {
    box-sizing: border-box !important;
}

.lcpi-front-desktop .lcpi-rightbar .lcpi-unlock.lcpi-panel {
    position: relative !important;
    min-height: 162px !important;
    height: 162px !important;
    padding: 17px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 78% 28%, rgba(83, 219, 255, .16) 0 7%, transparent 34%),
        radial-gradient(circle at 92% 86%, rgba(255, 201, 94, .24) 0 8%, transparent 32%),
        radial-gradient(circle at 20% 8%, rgba(171, 74, 255, .20) 0 6%, transparent 31%),
        linear-gradient(135deg, rgba(10, 22, 55, .97), rgba(13, 11, 42, .98) 55%, rgba(31, 11, 59, .96)) !important;
    border-color: rgba(125, 75, 255, .55) !important;
    
}

.lcpi-front-desktop .lcpi-rightbar .lcpi-unlock.lcpi-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .42;
    background-image:
        linear-gradient(rgba(65, 213, 255, .15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(178, 79, 255, .14) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.72) 44%, rgba(0,0,0,.36));
}

.lcpi-front-desktop .lcpi-rightbar .lcpi-unlock.lcpi-panel::after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 5px;
    width: 118px;
    height: 118px;
    border-radius: 999px;
    pointer-events: none;
    background:
        radial-gradient(circle, rgba(255, 214, 121, .36) 0 11%, rgba(179, 72, 255, .20) 34%, transparent 68%);
    
    opacity: .95;
}

.lcpi-front-desktop .lcpi-rightbar .lcpi-unlock > div {
    min-width: 0 !important;
    max-width: calc(100% - 94px) !important;
    position: relative !important;
    z-index: 2 !important;
}

.lcpi-front-desktop .lcpi-rightbar .lcpi-unlock h3 {
    margin: 0 0 5px !important;
    font-size: 17px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.025em !important;
    color: rgba(244, 247, 255, .97) !important;
    text-shadow: 0 0 18px rgba(108, 92, 255, .24) !important;
}

.lcpi-front-desktop .lcpi-rightbar .lcpi-unlock p {
    margin: 0 0 10px !important;
    max-width: 238px !important;
    font-size: 11.6px !important;
    line-height: 1.24 !important;
    color: rgba(226, 232, 255, 0.70) !important;
}

.lcpi-front-desktop .lcpi-rightbar .lcpi-unlock .lcpi-btn {
    min-height: 33px !important;
    height: 33px !important;
    padding: 0 15px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 33px !important;
    white-space: nowrap !important;
    
}

.lcpi-front-desktop .lcpi-rightbar .lcpi-unlock img {
    position: absolute !important;
    right: 16px !important;
    bottom: 11px !important;
    width: 76px !important;
    max-width: 24% !important;
    height: auto !important;
    max-height: 88px !important;
    object-fit: contain !important;
    z-index: 2 !important;
    opacity: .96 !important;
    !important;
    transform: translateZ(0) !important;
}

@media (min-width: 1281px) {
    .lcpi-front-desktop .lcpi-rightbar .lcpi-unlock.lcpi-panel {
        min-height: 162px !important;
        height: 162px !important;
    }
}

@media (min-width: 1101px) and (max-width: 1280px) {
    .lcpi-front-desktop .lcpi-rightbar .lcpi-unlock.lcpi-panel {
        min-height: 150px !important;
        height: 150px !important;
        padding: 14px 16px !important;
    }
    .lcpi-front-desktop .lcpi-rightbar .lcpi-unlock > div {
        max-width: calc(100% - 82px) !important;
    }
    .lcpi-front-desktop .lcpi-rightbar .lcpi-unlock h3 {
        font-size: 16px !important;
    }
    .lcpi-front-desktop .lcpi-rightbar .lcpi-unlock p {
        font-size: 11.2px !important;
        max-width: 210px !important;
    }
    .lcpi-front-desktop .lcpi-rightbar .lcpi-unlock img {
        width: 68px !important;
        right: 13px !important;
        bottom: 10px !important;
    }
}

@media (max-width: 1100px) {
    .lcpi-front-desktop .lcpi-rightbar .lcpi-unlock.lcpi-panel {
        height: auto !important;
        min-height: 110px !important;
    }
    .lcpi-front-desktop .lcpi-rightbar .lcpi-unlock img {
        bottom: 8px !important;
    }
}

/* frontend-leads-received-chart.css */
/* F2AT — Leads Received real hourly chart.
   Read-only frontend UI polish. No tracking/wallet mutation. */
.lcpi-front-desktop .lcpi-leads-chart-panel {
    position: relative;
    overflow: hidden;
    min-height: 222px;
    padding: 18px 18px 16px;
    background:
        radial-gradient(circle at 82% 20%, rgba(168, 85, 247, .18), transparent 34%),
        linear-gradient(180deg, rgba(12, 20, 48, .96), rgba(7, 12, 32, .98));
}

.lcpi-front-desktop .lcpi-leads-chart-panel::before {
    content: "";
    position: absolute;
    inset: 48px 18px 28px 18px;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(rgba(104, 128, 255, .42) 1px, transparent 1px),
        linear-gradient(90deg, rgba(104, 128, 255, .42) 1px, transparent 1px);
    background-size: 64px 42px;
    mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
}

.lcpi-front-desktop .lcpi-leads-chart-panel h3 {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 800;
    color: #eef3ff;
}

.lcpi-front-desktop .lcpi-leads-chart-panel h3 small {
    margin-left: auto;
    font-size: 12px;
    font-weight: 700;
    color: rgba(190, 198, 229, .72);
}

.lcpi-front-desktop .lcpi-chart-title-icon {
    display: inline-grid;
    place-items: center;
    width: 21px;
    height: 21px;
    font-size: 16px;
    
}

.lcpi-front-desktop .lcpi-hourly-chart {
    position: relative;
    z-index: 2;
    min-height: 160px;
}

.lcpi-front-desktop .lcpi-hourly-chart svg {
    display: block;
    width: 100%;
    height: 164px;
    overflow: visible;
}

.lcpi-front-desktop .lcpi-chart-grid line {
    stroke: rgba(126, 151, 255, .16);
    stroke-width: 1;
}

.lcpi-front-desktop .lcpi-lead-point circle {
    fill: #eaf6ff;
    stroke: rgba(75, 225, 255, .9);
    stroke-width: 2;
    
}

.lcpi-front-desktop .lcpi-lead-xlabel {
    fill: rgba(197, 207, 240, .68);
    font-size: 10px;
    font-weight: 700;
    text-anchor: middle;
}

.lcpi-front-desktop .lcpi-chart-meta {
    position: absolute;
    right: 18px;
    top: 6px;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(12, 22, 54, .76);
    border: 1px solid rgba(117, 145, 255, .18);
    color: rgba(218, 225, 255, .74);
    
}

.lcpi-front-desktop .lcpi-chart-meta strong {
    color: #fff;
    font-size: 14px;
}

.lcpi-front-desktop .lcpi-chart-meta span {
    font-size: 11px;
    white-space: nowrap;
}

.lcpi-front-desktop .lcpi-chart-empty {
    display: grid;
    place-items: center;
    min-height: 150px;
    text-align: center;
    color: rgba(213, 222, 255, .78);
}

.lcpi-front-desktop .lcpi-chart-empty strong {
    display: block;
    margin-bottom: 5px;
    color: #eef3ff;
    font-size: 16px;
}

.lcpi-front-desktop .lcpi-chart-empty span {
    max-width: 260px;
    font-size: 12px;
    line-height: 1.35;
}

@media (max-width: 1120px) {
    .lcpi-front-desktop .lcpi-leads-chart-panel {
        min-height: 210px;
    }
    .lcpi-front-desktop .lcpi-hourly-chart svg {
        height: 150px;
    }
}

/* frontend-total-payouts-chart.css */
/* F2AU — Total Payouts weekly column chart.
   Read-only UI. SQL source is aggregated in FrontendHomeService only. */
.lcpi-front-desktop .lcpi-payout-chart-panel {
    position: relative;
    overflow: hidden;
    min-height: 222px;
    padding: 18px 18px 16px;
    background:
        radial-gradient(circle at 58% 18%, rgba(124, 58, 237, .24), transparent 34%),
        radial-gradient(circle at 88% 72%, rgba(57, 255, 177, .10), transparent 28%),
        linear-gradient(180deg, rgba(12, 20, 48, .96), rgba(7, 12, 32, .98));
}

.lcpi-front-desktop .lcpi-payout-chart-panel::before {
    content: "";
    position: absolute;
    inset: 52px 20px 34px;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(104, 128, 255, .38) 1px, transparent 1px),
        linear-gradient(90deg, rgba(104, 128, 255, .32) 1px, transparent 1px);
    background-size: 58px 38px;
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.lcpi-front-desktop .lcpi-payout-chart-panel h3 {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 800;
    color: #eef3ff;
}

.lcpi-front-desktop .lcpi-payout-chart-panel h3 small {
    margin-left: auto;
    font-size: 12px;
    font-weight: 700;
    color: rgba(190, 198, 229, .72);
}

.lcpi-front-desktop .lcpi-payout-title-icon {
    display: inline-grid;
    place-items: center;
    width: 21px;
    height: 21px;
    font-size: 16px;
    
}

.lcpi-front-desktop .lcpi-weekly-bars {
    position: relative;
    z-index: 2;
    min-height: 160px;
}

.lcpi-front-desktop .lcpi-bars-stage {
    position: relative;
    height: 154px;
    display: grid;
    grid-template-columns: repeat(7, minmax(24px, 1fr));
    align-items: end;
    gap: 13px;
    padding: 12px 24px 22px;
}

.lcpi-front-desktop .lcpi-bar-wrap {
    position: relative;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.lcpi-front-desktop .lcpi-payout-bar {
    width: min(34px, 82%);
    height: var(--bar-h, 6%);
    min-height: 6px;
    border-radius: 10px 10px 4px 4px;
    background:
        linear-gradient(180deg, rgba(188, 112, 255, .98), rgba(91, 38, 211, .98) 62%, rgba(55, 30, 144, .98));
    
    transition: height .35s ease;
}

.lcpi-front-desktop .lcpi-bar-wrap:nth-child(2n) .lcpi-payout-bar {
    background: linear-gradient(180deg, rgba(151, 95, 255, .98), rgba(80, 47, 215, .98));
}

.lcpi-front-desktop .lcpi-bar-wrap:nth-child(3n) .lcpi-payout-bar {
    background: linear-gradient(180deg, rgba(202, 111, 255, .98), rgba(104, 40, 210, .98));
}

.lcpi-front-desktop .lcpi-bar-wrap b {
    color: rgba(199, 209, 244, .72);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
}

.lcpi-front-desktop .lcpi-payout-chart-meta {
    position: absolute;
    right: 18px;
    top: 4px;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(12, 22, 54, .76);
    border: 1px solid rgba(149, 117, 255, .18);
    color: rgba(218, 225, 255, .74);
    
}

.lcpi-front-desktop .lcpi-payout-chart-meta strong {
    color: #fff;
    font-size: 13px;
}

.lcpi-front-desktop .lcpi-payout-chart-meta span {
    font-size: 11px;
    white-space: nowrap;
}

.lcpi-front-desktop .lcpi-payout-chart-empty {
    display: grid;
    place-items: center;
    min-height: 150px;
    text-align: center;
    color: rgba(213, 222, 255, .78);
}

.lcpi-front-desktop .lcpi-payout-chart-empty strong {
    display: block;
    margin-bottom: 5px;
    color: #eef3ff;
    font-size: 16px;
}

.lcpi-front-desktop .lcpi-payout-chart-empty span {
    max-width: 260px;
    font-size: 12px;
    line-height: 1.35;
}

@media (max-width: 1120px) {
    .lcpi-front-desktop .lcpi-payout-chart-panel { min-height: 210px; }
    .lcpi-front-desktop .lcpi-bars-stage { gap: 9px; padding-inline: 16px; }
    .lcpi-front-desktop .lcpi-payout-bar { width: min(28px, 82%); }
}

/* frontend-top-countries-chart.css */
/* F2AY - Top Countries + Devices premium balanced pie UI */
body.lcpi-front-desktop .lcpi-top-countries-real{
    min-height:190px;
    overflow:hidden;
}
body.lcpi-front-desktop .lcpi-top-countries-real h3{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px!important;
}
body.lcpi-front-desktop .lcpi-top-countries-real h3 small{
    margin-left:auto;
    float:none!important;
    color:#aeb8dc!important;
    font-size:12px!important;
    font-weight:700!important;
}
body.lcpi-front-desktop .lcpi-country-title-icon{
    display:inline-grid;
    place-items:center;
    width:24px;
    height:24px;
    border-radius:8px;
    background:radial-gradient(circle at 32% 28%, rgba(76,224,255,.92), rgba(89,85,255,.44) 52%, rgba(22,31,76,.9) 100%);
    
    font-size:14px;
}
body.lcpi-front-desktop .lcpi-country-device-grid{
    display:grid!important;
    grid-template-columns:minmax(250px, 1fr) 132px 132px 40px!important;
    align-items:center!important;
    gap:24px!important;
    min-height:132px;
}
body.lcpi-front-desktop .lcpi-country-list-wrap,
body.lcpi-front-desktop .lcpi-country-list{
    min-width:0;
    width:100%;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list{
    display:flex;
    flex-direction:column;
    gap:6px;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list p{
    display:grid!important;
    grid-template-columns:24px minmax(118px, 1fr) 44px!important;
    align-items:center!important;
    column-gap:8px!important;
    margin:0!important;
    color:#e7edff;
    font-size:13px!important;
    line-height:1.15;
    max-width:248px;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list p.is-muted{
    opacity:.42;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-line{
    display:contents!important;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-mini-flag{
    width:22px!important;
    height:15px!important;
    border-radius:3px;
    object-fit:cover;
    
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-name{
    font-style:normal;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list p b{
    color:var(--country-color, #ffce2c)!important;
    font-weight:900!important;
    min-width:44px;
    text-align:right!important;
    text-shadow:0 0 10px color-mix(in srgb, var(--country-color, #ffce2c) 45%, transparent);
}
body.lcpi-front-desktop .lcpi-donut-stack{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:0;
}
body.lcpi-front-desktop .lcpi-donut-stack em{
    color:#aeb8dc;
    font-style:normal;
    font-size:11px;
    font-weight:800;
    line-height:1;
    letter-spacing:.01em;
    white-space:nowrap;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut,
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut{
    position:relative;
    width:124px!important;
    height:124px!important;
    border-radius:50%;
    display:grid!important;
    place-items:center!important;
    background:var(--country-donut)!important;
    
    isolation:isolate;
    text-align:center!important;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut{
    background:var(--device-donut)!important;
    
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut:before,
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:radial-gradient(circle at 50% 50%, rgba(9,17,43,.58) 0 26%, rgba(9,17,43,.22) 27% 38%, transparent 39% 100%);
    z-index:0;
    pointer-events:none;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut strong,
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut strong{
    position:absolute!important;
    z-index:1;
    left:50%;
    top:47%;
    transform:translate(-50%, -50%);
    display:block!important;
    width:90px;
    margin:0!important;
    text-align:center!important;
    font-size:26px!important;
    font-weight:900!important;
    line-height:1!important;
    color:#fff;
    text-shadow:0 0 14px rgba(255,255,255,.18);
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut small,
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut small{
    position:absolute!important;
    z-index:1;
    left:50%;
    top:61%;
    transform:translateX(-50%);
    display:block!important;
    width:90px;
    margin:0!important;
    text-align:center!important;
    font-size:9px!important;
    line-height:1!important;
    color:#d7defc!important;
    font-weight:800!important;
    text-transform:none;
}
body.lcpi-front-desktop .lcpi-device-center-label,
body.lcpi-front-desktop .lcpi-device-mini-list{
    display:none!important;
}
body.lcpi-front-desktop .lcpi-chart-empty-mini{
    color:#9da8ce;
    font-size:12px;
    font-weight:700;
    padding:18px 0;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-mini-lock{
    width:38px!important;
    height:38px!important;
    border-radius:50%;
    display:grid!important;
    place-items:center!important;
    background:radial-gradient(circle at 50% 42%, rgba(255,204,89,.24), rgba(126,72,255,.18) 55%, rgba(40,45,110,.46) 100%)!important;
    
    font-style:normal;
}
@media (max-width:1420px){
    body.lcpi-front-desktop .lcpi-country-device-grid{
        grid-template-columns:minmax(220px, 1fr) 112px 112px 34px!important;
        gap:14px!important;
    }
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut,
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut{
        width:108px!important;
        height:108px!important;
    }
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list p{
        grid-template-columns:22px minmax(104px, 1fr) 40px!important;
        max-width:218px!important;
        font-size:12px!important;
    }
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut strong,
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut strong{
        font-size:23px!important;
    }
}

/* F2AZ - Safe emoji flag fallback for country rows, avoids broken local flag assets. */
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-emoji-flag{
    display:inline-grid!important;
    place-items:center!important;
    width:22px!important;
    height:15px!important;
    border-radius:3px;
    
    object-fit:initial!important;
    font-size:18px!important;
    line-height:1!important;
    overflow:hidden;
}

/* F2AZ.1 - Inline SVG flags for Top Countries. Avoids missing assets and Windows emoji fallback. */
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-svg-flag{
    display:inline-block!important;
    flex:0 0 22px!important;
    width:22px!important;
    height:15px!important;
    border-radius:3px!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    
    overflow:hidden!important;
}

/* F2BA — Auth-gated analytics charts. Guest users see premium lock states only. */
body.lcpi-front-desktop .lcpi-locked-chart-state{
    position:relative;
    z-index:3;
    min-height:158px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:5px;
    text-align:center;
    color:rgba(225,232,255,.84);
    overflow:hidden;
}
body.lcpi-front-desktop .lcpi-locked-chart-state:before{
    content:"";
    position:absolute;
    inset:6px 18px 0;
    background:
        radial-gradient(circle at 50% 34%, rgba(255,196,69,.12), transparent 23%),
        linear-gradient(115deg, transparent 0 40%, rgba(167,67,255,.12) 41% 43%, transparent 44% 100%);
    opacity:.82;
    pointer-events:none;
}
body.lcpi-front-desktop .lcpi-locked-chart-state img{
    position:relative;
    z-index:1;
    width:82px;
    height:auto;
    max-height:76px;
    object-fit:contain;
    
    opacity:.96;
}
body.lcpi-front-desktop .lcpi-locked-chart-state strong,
body.lcpi-front-desktop .lcpi-locked-chart-state span{
    position:relative;
    z-index:1;
    display:block;
    line-height:1.18;
}
body.lcpi-front-desktop .lcpi-locked-chart-state strong{
    margin-top:1px;
    font-size:15px;
    font-weight:800;
    color:#f2f5ff;
}
body.lcpi-front-desktop .lcpi-locked-chart-state span{
    font-size:14px;
    color:rgba(218,226,255,.82);
}
body.lcpi-front-desktop .lcpi-country-device-panel .lcpi-locked-chart-state{
    min-height:132px;
}
body.lcpi-front-desktop .lcpi-country-device-panel .lcpi-locked-chart-state img{
    width:78px;
    max-height:72px;
}
@media (max-width:1120px){
    body.lcpi-front-desktop .lcpi-locked-chart-state{min-height:146px;}
    body.lcpi-front-desktop .lcpi-locked-chart-state img{width:72px;max-height:66px;}
}

/* frontend-sidebar-menu-polish.css */
/* F2BB.1 — Sidebar pro menu polish only.
   Scope: menu from Home down. Logo/brand and lower sidebar cards are left intact. */
.lcpi-sidebar .lcpi-nav-pro{
    display:grid!important;
    gap:12px!important;
    margin-top:22px!important;
    padding:0 6px!important;
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link{
    --nav-accent:#b66dff;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 15px!important;
    border-radius:16px!important;
    color:#dbe4ff!important;
    text-decoration:none!important;
    background:transparent!important;
    border:1px solid transparent!important;
    
    overflow:visible!important;
    transform:translateZ(0)!important;
    transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease!important;
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link:before{
    content:"";
    position:absolute;
    left:-2px;
    top:12px;
    bottom:12px;
    width:3px;
    border-radius:999px;
    background:transparent;
    
    transition:background .22s ease, box-shadow .22s ease;
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link:after{
    content:"";
    position:absolute;
    inset:7px 8px;
    border-radius:15px;
    background:radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--nav-accent) 22%, transparent), transparent 44%);
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link:hover{
    transform:translateX(4px)!important;
    background:linear-gradient(90deg,rgba(21,30,67,.76),rgba(9,16,36,.28))!important;
    border-color:color-mix(in srgb,var(--nav-accent) 36%, transparent)!important;
    
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link:hover:after{opacity:1;}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link.is-active{
    background:linear-gradient(92deg,rgba(116,80,255,.98),rgba(211,48,244,.94))!important;
    border-color:rgba(255,255,255,.18)!important;
    
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link.is-active:before{
    background:#fff;
    
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link.is-active:after{
    opacity:.78;
    background:radial-gradient(circle at 12% 50%,rgba(255,255,255,.26),transparent 35%),radial-gradient(circle at 88% 50%,rgba(255,255,255,.14),transparent 28%);
}

/* Kill legacy base rule .lcpi-nav a span{width:22px}, which caused H.../O... truncation. */
.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-icon{
    position:relative!important;
    z-index:2!important;
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    border-radius:13px!important;
    color:var(--nav-accent)!important;
    text-align:center!important;
    background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 31%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
    
    filter:none!important;
    text-shadow:none!important;
    transition:transform .22s ease, box-shadow .22s ease, color .22s ease!important;
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-icon svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.15!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link:hover .lcpi-nav-icon,
.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link.is-active .lcpi-nav-icon{
    transform:scale(1.08)!important;
    color:#fff!important;
    
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-label{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    color:color-mix(in srgb,var(--nav-accent) 76%, #ffffff)!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:740!important;
    letter-spacing:-.01em!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    filter:none!important;
    text-shadow:0 0 14px color-mix(in srgb,var(--nav-accent) 34%, transparent)!important;
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link.is-active .lcpi-nav-label{
    color:#fff!important;
    text-shadow:0 0 16px rgba(255,255,255,.26)!important;
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-glow{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    flex:0 0 6px!important;
    width:6px!important;
    height:6px!important;
    min-width:6px!important;
    border-radius:999px!important;
    margin-left:auto!important;
    background:var(--nav-accent)!important;
    
    opacity:.28!important;
    transform:scale(.72)!important;
    transition:opacity .22s ease, transform .22s ease, box-shadow .22s ease!important;
}

.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link:hover .lcpi-nav-glow,
.lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link.is-active .lcpi-nav-glow{
    opacity:1!important;
    transform:scale(1)!important;
}

.lcpi-sidebar .lcpi-nav-pro .is-violet{--nav-accent:#bd7cff;}
.lcpi-sidebar .lcpi-nav-pro .is-orange{--nav-accent:#ff7a2d;}
.lcpi-sidebar .lcpi-nav-pro .is-cyan{--nav-accent:#31e4ff;}
.lcpi-sidebar .lcpi-nav-pro .is-pink{--nav-accent:#ff45f0;}
.lcpi-sidebar .lcpi-nav-pro .is-green{--nav-accent:#54ff7a;}
.lcpi-sidebar .lcpi-nav-pro .is-blue{--nav-accent:#78a8ff;}

/* Keep collapsed mode clean, but do not affect normal full sidebar. */
.lcpi-sidebar.is-collapsed .lcpi-nav-pro .lcpi-nav-link,
.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link{
    justify-content:center!important;
    padding-inline:10px!important;
}
.lcpi-sidebar.is-collapsed .lcpi-nav-pro .lcpi-nav-label,
.lcpi-sidebar.is-collapsed .lcpi-nav-pro .lcpi-nav-glow,
.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-label,
.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-glow{
    display:none!important;
}

@media (max-width:1180px){
    .lcpi-sidebar .lcpi-nav-pro{gap:10px!important;padding-inline:4px!important;}
    .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link{height:52px!important;min-height:52px!important;padding-inline:13px!important;gap:12px!important;}
    .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-icon{width:32px!important;min-width:32px!important;height:32px!important;}
    .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-icon svg{width:21px!important;height:21px!important;}
    .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-label{font-size:15px!important;}
}

/* F2BC — compact Priority Support card. Logo and lower cards remain untouched. */
.lcpi-sidebar .lcpi-priority-support{
    position:relative!important;
    margin:18px 6px 14px!important;
    padding:14px 13px 12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,196,76,.42)!important;
    background:
        radial-gradient(circle at 50% 8%,rgba(159,72,255,.34),transparent 42%),
        radial-gradient(circle at 88% 88%,rgba(255,190,58,.18),transparent 34%),
        linear-gradient(180deg,rgba(12,18,43,.96),rgba(6,12,30,.96))!important;
    
}
.lcpi-sidebar .lcpi-priority-support:before{
    content:"";
    position:absolute;
    inset:-1px;
    pointer-events:none;
    background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 28%,rgba(255,194,61,.08) 70%,transparent);
    opacity:.8;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    place-items:center!important;
    width:62px!important;
    height:62px!important;
    margin:0 auto 8px!important;
    border-radius:22px!important;
    background:radial-gradient(circle,rgba(44,232,255,.16),rgba(168,85,255,.11) 52%,transparent 70%)!important;
    
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{
    width:58px!important;
    height:58px!important;
    display:block!important;
}
.lcpi-sidebar .lcpi-priority-support h3{
    position:relative!important;
    z-index:1!important;
    margin:0 0 10px!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.1!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    text-align:center!important;
    text-shadow:0 0 18px rgba(255,255,255,.18)!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 10px!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a{
    display:grid!important;
    place-items:center!important;
    gap:5px!important;
    min-width:0!important;
    min-height:58px!important;
    padding:7px 4px!important;
    text-decoration:none!important;
    border-radius:12px!important;
    color:#dfe8ff!important;
    border:1px solid rgba(255,196,76,.22)!important;
    background:linear-gradient(180deg,rgba(255,198,68,.12),rgba(255,255,255,.035))!important;
    
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(255,210,92,.48)!important;
    
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span{
    width:auto!important;
    height:auto!important;
    color:#ffd14b!important;
    font-size:21px!important;
    line-height:1!important;
    text-shadow:0 0 14px rgba(255,206,69,.55)!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions small{
    display:block!important;
    color:#cbd6ff!important;
    font-size:9.5px!important;
    line-height:1.05!important;
    font-weight:780!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:normal!important;
}
.lcpi-sidebar .lcpi-priority-support strong{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    color:#35ff5c!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:850!important;
    text-shadow:0 0 16px rgba(42,255,86,.35)!important;
}
.lcpi-sidebar .lcpi-priority-support strong i{
    display:block!important;
    width:8px!important;
    height:8px!important;
    border-radius:50%!important;
    background:#21ff4d!important;
    
}
.lcpi-sidebar.is-collapsed .lcpi-priority-support,
.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-priority-support{
    display:none!important;
}
@media (max-height:840px){
    .lcpi-sidebar .lcpi-priority-support{padding:12px 11px 10px!important;margin-top:14px!important;margin-bottom:12px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{width:50px!important;height:50px!important;margin-bottom:6px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{width:48px!important;height:48px!important;}
    .lcpi-sidebar .lcpi-priority-support h3{font-size:15px!important;margin-bottom:8px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a{min-height:50px!important;padding:6px 3px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span{font-size:18px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions small{font-size:8.8px!important;}
}

/* F2BD — Priority Support compact order fix: sits below Quick Access, above Collapse. */
.lcpi-sidebar .lcpi-priority-support{
    order:40!important;
    margin:12px 6px 12px!important;
    padding:12px 12px 10px!important;
    min-height:0!important;
    border-radius:17px!important;
    border:1px solid rgba(251,191,74,.42)!important;
    background:
        radial-gradient(circle at 50% -18%,rgba(138,92,255,.28),transparent 48%),
        radial-gradient(circle at 92% 92%,rgba(255,185,58,.18),transparent 36%),
        linear-gradient(180deg,rgba(10,17,41,.96),rgba(6,12,30,.97))!important;
    
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{
    width:48px!important;
    height:48px!important;
    margin:0 auto 7px!important;
    border-radius:18px!important;
    !important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{
    width:46px!important;
    height:46px!important;
}
.lcpi-sidebar .lcpi-priority-support h3{
    margin:0 0 8px!important;
    font-size:14px!important;
    line-height:1.05!important;
    font-weight:860!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions{
    gap:7px!important;
    margin:0 0 8px!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a{
    min-height:45px!important;
    padding:7px 3px 6px!important;
    border-radius:12px!important;
    gap:3px!important;
    background:linear-gradient(180deg,rgba(255,196,75,.13),rgba(255,255,255,.032))!important;
    border-color:rgba(255,196,76,.22)!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span{
    display:grid!important;
    place-items:center!important;
    width:22px!important;
    height:22px!important;
    color:#ffd45f!important;
    font-size:0!important;
    line-height:1!important;
    text-shadow:none!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span svg{
    display:block!important;
    width:19px!important;
    height:19px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    !important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions small{
    font-size:9px!important;
    line-height:1!important;
    font-weight:820!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
}
.lcpi-sidebar .lcpi-priority-support strong{
    font-size:12px!important;
    gap:5px!important;
}
.lcpi-sidebar .lcpi-priority-support strong i{
    width:7px!important;
    height:7px!important;
}
.lcpi-sidebar .lcpi-collapse{
    order:50!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-priority-support{padding:10px 10px 9px!important;margin-top:10px!important;margin-bottom:10px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{width:42px!important;height:42px!important;margin-bottom:6px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{width:40px!important;height:40px!important;}
    .lcpi-sidebar .lcpi-priority-support h3{font-size:13px!important;margin-bottom:7px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a{min-height:40px!important;padding:6px 2px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span{width:19px!important;height:19px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span svg{width:17px!important;height:17px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions small{font-size:8.5px!important;}
}

/* F2BE — Priority Support expanded contact block, professional 2-row contact grid. */
.lcpi-sidebar .lcpi-priority-support{
    order:40!important;
    margin:12px 6px 12px!important;
    padding:14px 12px 12px!important;
    min-height:206px!important;
    border-radius:18px!important;
    border:1px solid rgba(251,191,74,.48)!important;
    background:
        radial-gradient(circle at 50% -16%,rgba(171,86,255,.38),transparent 45%),
        radial-gradient(circle at 14% 20%,rgba(44,220,255,.13),transparent 32%),
        radial-gradient(circle at 92% 92%,rgba(255,190,58,.22),transparent 36%),
        linear-gradient(180deg,rgba(13,18,47,.97),rgba(7,12,32,.985))!important;
    
}
.lcpi-sidebar .lcpi-priority-support:after{
    content:"";
    position:absolute;
    inset:8px;
    border-radius:15px;
    pointer-events:none;
    background:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:22px 22px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 70%);
    opacity:.38;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{
    width:74px!important;
    height:74px!important;
    margin:0 auto 8px!important;
    border-radius:25px!important;
    background:radial-gradient(circle,rgba(48,239,255,.17),rgba(160,77,255,.15) 56%,transparent 73%)!important;
    !important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{
    width:72px!important;
    height:72px!important;
}
.lcpi-sidebar .lcpi-priority-support h3{
    margin:0 0 10px!important;
    font-size:15px!important;
    line-height:1.05!important;
    font-weight:880!important;
    letter-spacing:-.015em!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 9px!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a{
    min-height:43px!important;
    padding:6px 3px 5px!important;
    gap:3px!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(255,205,88,.16),rgba(255,255,255,.035))!important;
    border:1px solid rgba(255,202,80,.26)!important;
    
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(255,222,119,.58)!important;
    
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span{
    width:21px!important;
    height:21px!important;
    color:#ffd66b!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span svg{
    width:18px!important;
    height:18px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2.15!important;
    !important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a:nth-child(4) span svg,
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a:nth-child(6) span svg{
    fill:currentColor!important;
    stroke:none!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions small{
    font-size:8.6px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
    color:#e5ecff!important;
}
.lcpi-sidebar .lcpi-priority-support strong{
    font-size:12px!important;
    line-height:1!important;
    margin-top:0!important;
}
.lcpi-sidebar .lcpi-collapse{
    order:50!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-priority-support{min-height:186px!important;padding:12px 10px 10px!important;margin-top:10px!important;margin-bottom:10px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{width:62px!important;height:62px!important;margin-bottom:7px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{width:60px!important;height:60px!important;}
    .lcpi-sidebar .lcpi-priority-support h3{font-size:13.5px!important;margin-bottom:8px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions{gap:6px!important;margin-bottom:7px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions a{min-height:38px!important;padding:5px 2px 4px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span{width:18px!important;height:18px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions span svg{width:16px!important;height:16px!important;}
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions small{font-size:7.8px!important;}
    .lcpi-sidebar .lcpi-priority-support strong{font-size:11px!important;}
}


/* F2BE.1 — Priority Support micro polish from F2BE baseline.
   Adds breathing room below the title and a subtle divider before Online 24/7. */
.lcpi-sidebar .lcpi-priority-support h3{
    margin-bottom:12px!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions{
    margin-top:0!important;
    margin-bottom:0!important;
}
.lcpi-sidebar .lcpi-priority-support strong{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:100%!important;
    margin-top:10px!important;
    padding-top:10px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    color:#3cff63!important;
    text-shadow:0 0 10px rgba(60,255,99,.35)!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-priority-support h3{margin-bottom:10px!important;}
    .lcpi-sidebar .lcpi-priority-support strong{margin-top:8px!important;padding-top:8px!important;}
}

/* F2BE.3 — Priority Support visible spacing polish from F2BE.1 baseline.
   Make the gap between the title and contact icons clearly visible and aligned with Quick Access spacing. */
.lcpi-sidebar .lcpi-priority-support h3{
    margin-bottom:22px!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions{
    margin-top:0!important;
    margin-bottom:0!important;
}
.lcpi-sidebar .lcpi-priority-support strong{
    margin-top:13px!important;
    padding-top:11px!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-priority-support h3{
        margin-bottom:18px!important;
    }
    .lcpi-sidebar .lcpi-priority-support strong{
        margin-top:11px!important;
        padding-top:10px!important;
    }
}

/* F2BE.4 — Priority Support larger shield/headset icon.
   Built from F2BE.3 baseline. Increase hero icon size to fill sidebar vertical rhythm without changing logo/menu/layout. */
.lcpi-sidebar .lcpi-priority-support{
    min-height:226px!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{
    width:92px!important;
    height:92px!important;
    margin:0 auto 10px!important;
    border-radius:30px!important;
    background:radial-gradient(circle,rgba(48,239,255,.20),rgba(160,77,255,.18) 56%,transparent 74%)!important;
    !important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{
    width:90px!important;
    height:90px!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-priority-support{
        min-height:206px!important;
    }
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{
        width:78px!important;
        height:78px!important;
        margin-bottom:8px!important;
    }
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{
        width:76px!important;
        height:76px!important;
    }
}

/* F2BE.5 — Priority Support title spacing + title size sync.
   Built from F2BE.4 baseline.
   Goal: make Priority Support title match Quick Access size and create a clearly visible gap before contact icons. */
.lcpi-sidebar .lcpi-priority-support h3{
    font-size:14px!important;
    line-height:1.05!important;
    margin:0 0 30px!important;
    font-weight:850!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions{
    margin-top:0!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-priority-support h3{
        font-size:14px!important;
        margin-bottom:26px!important;
    }
}

/* F2BE.6 — Priority Support visible gap hard override.
   Built from F2BE.5. Force a clearly visible 30px breathing gap between title and first contact row. */
.lcpi-sidebar .lcpi-priority-support h3,
.lcpi-sidebar .lcpi-priority-support .lcpi-support-title{
    display:block!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:850!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-bottom:30px!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions{
    margin-top:0!important;
    padding-top:0!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-priority-support h3,
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-title{
        padding-bottom:26px!important;
    }
}

/* F2BE.7 — Priority Support gap real fix + cache-busted from home.php.
   Why previous ZIP looked unchanged: CSS URL version stayed v=20260602-f2be1, so browser/server cache could keep the old stylesheet.
   This block uses direct hard overrides and the home.php in this ZIP bumps the CSS query string to f2be7. */
.lcpi-sidebar .lcpi-priority-support h3{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1.05!important;
    font-weight:850!important;
    margin:0!important;
    padding:0 0 34px!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-actions{
    clear:both!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 0!important;
    padding:0!important;
}
.lcpi-sidebar .lcpi-priority-support strong{
    margin-top:13px!important;
    padding-top:11px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-priority-support h3{
        padding-bottom:28px!important;
    }
}

/* F2BE.8 — Priority Support smaller shield/headset icon.
   Built from F2BE.7. Keep the visible title/contact gap, but reduce the hero icon so the card matches the design rhythm. */
.lcpi-sidebar .lcpi-priority-support{
    min-height:214px!important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{
    width:76px!important;
    height:76px!important;
    margin:0 auto 10px!important;
    border-radius:25px!important;
    background:radial-gradient(circle,rgba(48,239,255,.18),rgba(160,77,255,.16) 56%,transparent 73%)!important;
    !important;
}
.lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{
    width:74px!important;
    height:74px!important;
}
.lcpi-sidebar .lcpi-priority-support h3{
    font-size:14px!important;
    line-height:1.05!important;
    padding-bottom:30px!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-priority-support{
        min-height:200px!important;
    }
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero{
        width:68px!important;
        height:68px!important;
        margin-bottom:9px!important;
    }
    .lcpi-sidebar .lcpi-priority-support .lcpi-support-hero svg{
        width:66px!important;
        height:66px!important;
    }
    .lcpi-sidebar .lcpi-priority-support h3{
        padding-bottom:26px!important;
    }
}

/* F2BE.9 — Priority Support vertical rhythm fix.
   Reduce the oversized blank space between Quick Access → Priority Support → Collapse.
   Keep the internal Priority Support title/contact spacing from F2BE.8. */
.lcpi-sidebar .lcpi-quick-access + .lcpi-priority-support{
    margin-top:10px!important;
}
.lcpi-sidebar .lcpi-priority-support{
    margin-top:10px!important;
    margin-bottom:10px!important;
}
.lcpi-sidebar .lcpi-priority-support + .lcpi-collapse,
.lcpi-sidebar .lcpi-collapse{
    margin-top:10px!important;
}
@media (max-height:850px){
    .lcpi-sidebar .lcpi-quick-access + .lcpi-priority-support{
        margin-top:8px!important;
    }
    .lcpi-sidebar .lcpi-priority-support{
        margin-top:8px!important;
        margin-bottom:8px!important;
    }
    .lcpi-sidebar .lcpi-priority-support + .lcpi-collapse,
    .lcpi-sidebar .lcpi-collapse{
        margin-top:8px!important;
    }
}

/* F2BE.10 — Priority Support outer-gap real fix.
   Previous gaps stayed large because the sidebar flex gap plus card margins stacked together.
   Keep the internal Priority Support layout, but remove extra outer margins so Quick Access → Priority Support → Collapse uses the same visual rhythm as other sidebar blocks. */
.lcpi-front-desktop .lcpi-sidebar{
    gap:14px!important;
}
.lcpi-front-desktop .lcpi-sidebar .lcpi-quick-access{
    margin-bottom:0!important;
}
.lcpi-front-desktop .lcpi-sidebar .lcpi-quick-access + .lcpi-priority-support,
.lcpi-front-desktop .lcpi-sidebar .lcpi-priority-support{
    margin-top:0!important;
    margin-bottom:0!important;
}
.lcpi-front-desktop .lcpi-sidebar .lcpi-priority-support + .lcpi-collapse,
.lcpi-front-desktop .lcpi-sidebar .lcpi-collapse{
    margin-top:0!important;
    margin-bottom:0!important;
}
@media (max-height:850px){
    .lcpi-front-desktop .lcpi-sidebar{
        gap:12px!important;
    }
    .lcpi-front-desktop .lcpi-sidebar .lcpi-quick-access + .lcpi-priority-support,
    .lcpi-front-desktop .lcpi-sidebar .lcpi-priority-support,
    .lcpi-front-desktop .lcpi-sidebar .lcpi-priority-support + .lcpi-collapse,
    .lcpi-front-desktop .lcpi-sidebar .lcpi-collapse{
        margin-top:0!important;
        margin-bottom:0!important;
    }
}

/* frontend-auth-login-modal.css */
/* LeadCPI frontend auth login modal - patch only, no existing selector mutation. */
.lcpi-auth-modal[hidden]{display:none!important}.lcpi-auth-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;color:#f7f8ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lcpi-auth-backdrop{position:absolute;inset:0;background:rgba(2,6,18,.72);}.lcpi-auth-card{position:relative;width:min(480px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;border:1px solid rgba(165,89,255,.54);border-radius:20px;background:linear-gradient(145deg,rgba(11,18,42,.96),rgba(5,10,27,.98));padding:28px}.lcpi-auth-card:before{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(44,211,255,.13),transparent 35%),radial-gradient(circle at 88% 0,rgba(168,85,247,.16),transparent 36%)}.lcpi-auth-close{position:absolute;right:18px;top:16px;width:36px;height:36px;border:0;border-radius:12px;background:rgba(255,255,255,.04);color:#fff;font-size:30px;line-height:28px;cursor:pointer;z-index:2}.lcpi-auth-close:hover{background:rgba(168,85,247,.18)}.lcpi-auth-head,.lcpi-auth-form,.lcpi-auth-foot,.lcpi-auth-social{position:relative;z-index:1}.lcpi-auth-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin-bottom:22px}.lcpi-auth-brand img{}.lcpi-auth-brand strong{display:block;font-size:22px;letter-spacing:.05em;line-height:1}.lcpi-auth-brand small{display:block;margin-top:4px;font-size:11px;letter-spacing:.16em;color:#aeb8d9}.lcpi-auth-head h2{margin:0;font-size:25px;line-height:1.15;font-weight:800}.lcpi-auth-head p{margin:8px 0 20px;color:#c5cbe5;font-size:14px}.lcpi-auth-social{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px;margin-bottom:18px}.lcpi-auth-social-btn{height:42px;border:1px solid rgba(114,137,190,.36);border-radius:12px;background:rgba(8,16,39,.72);color:#e8edff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.lcpi-auth-social-btn span{width:20px;height:20px;display:grid;place-items:center;border-radius:8px;background:rgba(124,58,237,.2);color:#b96cff;font-weight:900}.lcpi-auth-social-btn.is-link:hover{border-color:rgba(189,104,255,.72);}.lcpi-auth-social-btn:disabled{opacity:.45;cursor:not-allowed}.lcpi-auth-field{display:block;margin-bottom:16px;position:relative}.lcpi-auth-field>span{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#fff}.lcpi-auth-field i{position:absolute;left:15px;bottom:13px;color:#8d99bf;font-style:normal;font-size:16px}.lcpi-auth-field input{width:100%;height:48px;border:1px solid rgba(119,143,194,.42);border-radius:12px;background:rgba(4,11,29,.72);color:#fff;outline:none;padding:0 48px 0 44px;font-size:14px;box-sizing:border-box}.lcpi-auth-field input:focus{border-color:rgba(181,94,255,.9);}.lcpi-auth-field input::placeholder{color:#8f98b7}.lcpi-auth-eye{position:absolute;right:9px;bottom:8px;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#d8dcff;cursor:pointer}.lcpi-auth-eye:hover{background:rgba(255,255,255,.06)}.lcpi-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 18px}.lcpi-auth-check{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#f2f5ff}.lcpi-auth-check input{width:18px;height:18px;accent-color:#7c3aed}.lcpi-auth-row a,.lcpi-auth-foot a{color:#d75cff;text-decoration:none;font-weight:700;font-size:13px}.lcpi-auth-row a:hover,.lcpi-auth-foot a:hover{text-decoration:underline}.lcpi-auth-captcha{border:1px solid rgba(119,143,194,.28);border-radius:14px;background:rgba(8,16,39,.46);padding:12px;margin-bottom:16px}.lcpi-auth-captcha-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.lcpi-auth-captcha-title span{font-weight:800;font-size:13px}.lcpi-auth-captcha-title small{font-size:11px;color:#8fa1cd}.lcpi-auth-captcha-placeholder{height:70px;border:1px dashed rgba(164,106,255,.42);border-radius:10px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center;padding-left:16px;color:#cdd5f5}.lcpi-auth-captcha-placeholder strong{font-size:13px}.lcpi-auth-captcha-placeholder small{margin-top:4px;color:#8795bd;font-size:11px}.lcpi-auth-submit{width:100%;height:50px;border:1px solid rgba(206,125,255,.8);border-radius:12px;background:linear-gradient(180deg,#9e35ff,#6516d9);color:#fff;font-weight:800;font-size:15px;cursor:pointer}.lcpi-auth-submit:hover{filter:brightness(1.08)}.lcpi-auth-submit span{margin-left:8px}.lcpi-auth-foot{margin-top:18px;text-align:center;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#aeb8d9}.lcpi-auth-foot>span{height:1px;background:linear-gradient(90deg,transparent,rgba(151,169,220,.28),transparent)}.lcpi-auth-foot em{font-style:normal;font-size:13px;color:#aeb8d9}.lcpi-auth-foot p{grid-column:1/-1;margin:2px 0 -2px;color:#fff;font-size:14px}.lcpi-auth-create{grid-column:1/-1;min-height:46px;border:1px solid rgba(119,143,194,.42);border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(8,16,39,.48);font-size:14px!important}.lcpi-auth-foot small{grid-column:1/-1;color:#9ca8cb;font-size:12px;margin-top:4px}@media (max-width:540px){.lcpi-auth-modal{padding:12px;align-items:end}.lcpi-auth-card{width:100%;padding:22px 18px;border-radius:18px}.lcpi-auth-social{grid-template-columns:1fr}.lcpi-auth-captcha-title{align-items:flex-start;flex-direction:column;gap:2px}.lcpi-auth-head h2{font-size:23px}}

/* V4 polish: larger password eye, stronger CTA buttons, forgot-password popup state. */
.lcpi-auth-eye{right:7px!important;bottom:6px!important;width:40px!important;height:40px!important;border-radius:12px!important;color:#f0eaff!important;display:grid!important;place-items:center!important;font-size:18px!important;line-height:1!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(158,126,255,.16)!important}
.lcpi-auth-eye span{display:block;transform:translateY(-1px);}.lcpi-auth-eye:hover{background:rgba(138,64,255,.18)!important;border-color:rgba(190,104,255,.45)!important}.lcpi-auth-field input[type=password],.lcpi-auth-field input[type=text]{padding-right:56px}.lcpi-auth-link{border:0;background:transparent;padding:0;color:#df73ff;font-weight:800;font-size:13px;cursor:pointer}.lcpi-auth-link:hover{text-decoration:underline;color:#fff}.lcpi-auth-submit{position:relative;overflow:hidden;letter-spacing:.01em;background:linear-gradient(135deg,#b13dff 0%,#7d22ff 46%,#4e12c7 100%)!important;border-color:rgba(224,153,255,.9)!important;}.lcpi-auth-submit:before{content:"";position:absolute;top:-60%;left:-22%;width:34%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(25deg);opacity:.0;transition:left .55s ease,opacity .25s ease}.lcpi-auth-submit:hover:before{left:112%;opacity:.78}.lcpi-auth-submit:hover{transform:translateY(-1px);filter:brightness(1.08)!important;}.lcpi-auth-submit-ico{display:inline-grid!important;place-items:center;width:22px;height:22px;margin-right:8px!important;margin-left:0!important;border-radius:8px;background:rgba(255,255,255,.16);}.lcpi-auth-create-strong{position:relative;overflow:hidden;color:#fff!important;border-color:rgba(176,102,255,.75)!important;background:linear-gradient(180deg,rgba(22,32,72,.72),rgba(9,14,35,.88))!important;}.lcpi-auth-create-strong:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#28e8ff,#b347ff,#ff55da);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.65;pointer-events:none}.lcpi-auth-create-strong span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:9px;background:rgba(153,68,255,.22);color:#d66bff}.lcpi-auth-create-strong:hover{text-decoration:none!important;transform:translateY(-1px);}.lcpi-auth-forgot[hidden],.lcpi-auth-foot[hidden],.lcpi-auth-social[hidden],.lcpi-auth-form[hidden]{display:none!important}.lcpi-auth-forgot-head{border:1px solid rgba(119,143,194,.25);border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(5,14,36,.62));padding:14px 15px;margin-bottom:16px}.lcpi-auth-forgot-head strong{display:block;font-size:18px;color:#fff;margin-bottom:5px}.lcpi-auth-forgot-head small{display:block;color:#b5c0e5;line-height:1.45}.lcpi-auth-alert{border:1px solid rgba(48,230,124,.35);border-radius:12px;background:rgba(25,170,94,.12);color:#78ffa6;padding:11px 13px;margin:0 0 14px;font-size:13px;line-height:1.45}.lcpi-auth-alert.is-error{border-color:rgba(255,92,126,.38);background:rgba(255,57,93,.10);color:#ffb2c1}.lcpi-auth-back-login{width:100%;margin-top:12px;box-sizing:border-box;color:#dfe6ff!important}.lcpi-auth-submit-alt{background:linear-gradient(135deg,#8b5cf6 0%,#5627d8 54%,#261b86 100%)!important}


/* V6: make login password reveal button clearly visible on light autofill/password fields. */
.lcpi-auth-field .lcpi-auth-eye{
  position:absolute!important;
  right:8px!important;
  bottom:7px!important;
  width:78px!important;
  height:36px!important;
  border-radius:12px!important;
  border:1px solid rgba(165,89,255,.55)!important;
  background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(50,18,120,.96))!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:15px!important;
  line-height:1!important;
  
  opacity:1!important;
  z-index:5!important;
}
.lcpi-auth-field .lcpi-auth-eye span{
  display:inline-block!important;
  font-size:18px!important;
  line-height:1!important;
  transform:none!important;
  filter:none!important;
}
.lcpi-auth-field .lcpi-auth-eye b{
  display:inline-block!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.lcpi-auth-field .lcpi-auth-eye:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(229,186,255,.9)!important;
  background:linear-gradient(135deg,#b13dff,#641ee0)!important;
}
.lcpi-auth-field input[name=password]{
  padding-right:96px!important;
}
.lcpi-auth-field input:-webkit-autofill + .lcpi-auth-eye,
.lcpi-auth-field input[name=password] + .lcpi-auth-eye{
  opacity:1!important;
  visibility:visible!important;
}
@media (max-width:520px){
  .lcpi-auth-field .lcpi-auth-eye{width:64px!important}
  .lcpi-auth-field .lcpi-auth-eye b{display:none!important}
  .lcpi-auth-field input[name=password]{padding-right:78px!important}
}

/* V6.1: password eye color-only fix. Keep old compact size; do not use white text on light autofill background. */
.lcpi-auth-field .lcpi-auth-eye{
  right:9px!important;
  bottom:8px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border-radius:10px!important;
  border:0!important;
  background:transparent!important;
  color:#8b5cf6!important;
  display:grid!important;
  place-items:center!important;
  gap:0!important;
  font-size:18px!important;
  line-height:1!important;
  
  opacity:1!important;
  z-index:5!important;
}
.lcpi-auth-field .lcpi-auth-eye span{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
  color:#8b5cf6!important;
  !important;
}
.lcpi-auth-field .lcpi-auth-eye b{display:none!important;}
.lcpi-auth-field .lcpi-auth-eye:hover{
  transform:none!important;
  background:rgba(139,92,246,.10)!important;
  color:#06d6ff!important;
  border:0!important;
  
}
.lcpi-auth-field .lcpi-auth-eye:hover span{color:#06d6ff!important;}
.lcpi-auth-field input[name=password]{padding-right:52px!important;}
.lcpi-auth-field input:-webkit-autofill + .lcpi-auth-eye,
.lcpi-auth-field input[name=password] + .lcpi-auth-eye{
  opacity:1!important;
  visibility:visible!important;
}
@media (max-width:520px){
  .lcpi-auth-field .lcpi-auth-eye{width:34px!important;min-width:34px!important;}
  .lcpi-auth-field input[name=password]{padding-right:52px!important;}
}

/* V7: already-logged-in notice */
.lcpi-auth-already[hidden]{display:none!important}
.lcpi-auth-already{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:24px}
.lcpi-auth-already-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.72);}
.lcpi-auth-already-card{position:relative;width:min(420px,calc(100vw - 34px));border:1px solid rgba(168,85,247,.55);border-radius:24px;background:linear-gradient(145deg,rgba(16,23,42,.96),rgba(27,18,58,.96));padding:30px;text-align:center;color:#f8fafc}
.lcpi-auth-already-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;margin-bottom:14px;color:#fff;background:linear-gradient(135deg,#22c55e,#14b8a6);font-weight:900;font-size:24px}
.lcpi-auth-already-card h3{margin:0 0 10px;font-size:24px;line-height:1.18}
.lcpi-auth-already-card p{margin:0;color:#cbd5e1;line-height:1.55}.lcpi-auth-already-card strong{color:#fff}
.lcpi-auth-already-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.lcpi-auth-already-actions a{text-decoration:none;border-radius:14px;padding:13px 14px;font-weight:800}.lcpi-auth-already-primary{color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);}.lcpi-auth-already-secondary{color:#e9d5ff;border:1px solid rgba(168,85,247,.45);background:rgba(15,23,42,.65)}
@media(max-width:520px){.lcpi-auth-already-actions{grid-template-columns:1fr}.lcpi-auth-already-card{padding:24px}}

/* V9: frontend register auto-login notice */
.lcpi-auth-page-notice{
    position:fixed;
    top:14px;
    left:50%;
    transform:translateX(-50%);
    z-index:1095;
    width:min(720px, calc(100vw - 28px));
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:13px 16px;
    border:1px solid rgba(34,211,238,.34);
    border-radius:18px;
    color:#eaf6ff;
    background:linear-gradient(135deg, rgba(14,20,42,.96), rgba(40,20,78,.94));
    
    
}
.lcpi-auth-page-notice__icon{
    width:34px;
    height:34px;
    border-radius:12px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    color:#06202d;
    background:linear-gradient(135deg,#67e8f9,#a78bfa);
    font-size:17px;
    
}
.lcpi-auth-page-notice__body{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
    font-size:13px;
    line-height:1.35;
}
.lcpi-auth-page-notice__body strong{
    color:#fff;
    font-size:13.5px;
    font-weight:800;
}
.lcpi-auth-page-notice__body span{
    color:#b9c6e8;
}
@media (max-width:640px){
    .lcpi-auth-page-notice{top:10px;border-radius:16px;padding:11px 12px;}
    .lcpi-auth-page-notice__icon{width:30px;height:30px;border-radius:10px;}
}

/* frontend-auth-register-modal.css */
:root{--lcpi-reg-bg:#071021;--lcpi-reg-card:#0a1428;--lcpi-reg-card2:#0d1a34;--lcpi-reg-border:rgba(133,87,255,.34);--lcpi-reg-border2:rgba(105,132,190,.28);--lcpi-reg-text:#f8fbff;--lcpi-reg-muted:#a8b4d4;--lcpi-reg-soft:#7280a5;--lcpi-reg-purple:#8b35ff;--lcpi-reg-purple2:#bd4bff;--lcpi-reg-cyan:#00d7ff;--lcpi-reg-green:#20e879;--lcpi-reg-danger:#ff5475;--lcpi-reg-gold:#ffbd2f}
html.lcpi-register-open{overflow:hidden}.lcpi-register-modal[hidden]{display:none!important}.lcpi-register-modal{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:22px;color:var(--lcpi-reg-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.lcpi-register-backdrop{position:absolute;inset:0;background:rgba(2,7,18,.78);}.lcpi-register-card{position:relative;width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 34px);overflow:auto;border:1px solid var(--lcpi-reg-border);border-radius:18px;background:radial-gradient(circle at 15% 0,rgba(142,54,255,.18),transparent 34%),radial-gradient(circle at 100% 15%,rgba(0,216,255,.09),transparent 32%),linear-gradient(145deg,rgba(10,20,40,.98),rgba(6,13,28,.98));padding:28px 30px 18px}.lcpi-register-card::-webkit-scrollbar{width:8px}.lcpi-register-card::-webkit-scrollbar-thumb{background:rgba(146,76,255,.38);border-radius:999px}.lcpi-register-close{position:absolute;right:22px;top:20px;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer;opacity:.9}.lcpi-register-close:hover{background:rgba(255,255,255,.08)}.lcpi-register-head{display:flex;gap:16px;align-items:center;padding:2px 42px 18px 6px}.lcpi-register-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(137,48,255,.85),rgba(75,30,160,.58));color:#d9c8ff;font-size:25px}.lcpi-register-head h2{margin:0 0 6px;font-size:23px;line-height:1.1;font-weight:800;letter-spacing:-.02em}.lcpi-register-head p{margin:0;color:var(--lcpi-reg-muted);font-size:14px}.lcpi-register-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 28px 24px;padding:0;list-style:none}.lcpi-register-steps li{position:relative;display:grid;justify-items:center;gap:9px;color:var(--lcpi-reg-muted);font-size:13px}.lcpi-register-steps li:before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:2px;background:rgba(129,151,205,.25)}.lcpi-register-steps li:first-child:before{display:none}.lcpi-register-steps li b{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#111d39;border:1px solid rgba(129,151,205,.45);color:#dbe5ff;font-weight:800}.lcpi-register-steps li.is-active b{background:linear-gradient(135deg,var(--lcpi-reg-purple),#4a22d8);border-color:rgba(255,255,255,.48);}.lcpi-register-steps li.is-done b{background:linear-gradient(135deg,#9347ff,#6a35f2);border-color:rgba(255,255,255,.38);font-size:0}.lcpi-register-steps li.is-done b:after{content:"✓";font-size:18px}.lcpi-register-steps li.is-done:before,.lcpi-register-steps li.is-active:before{background:linear-gradient(90deg,#8c35ff,#db3aff)}.lcpi-register-steps li.is-active span{color:#fff;font-weight:700}.lcpi-register-alert{margin:0 0 14px;padding:11px 14px;border:1px solid rgba(255,84,117,.45);border-radius:12px;background:rgba(255,84,117,.1);color:#ffd9e0;font-size:13px}.lcpi-register-pane{display:none}.lcpi-register-pane.is-active{display:block}.lcpi-register-panel{border:1px solid var(--lcpi-reg-border2);border-radius:15px;background:linear-gradient(180deg,rgba(14,27,54,.78),rgba(8,18,38,.72));padding:22px}.lcpi-register-panel h3{margin:0 0 7px;font-size:20px;font-weight:800;letter-spacing:-.01em}.lcpi-register-panel p{margin:0 0 18px;color:var(--lcpi-reg-muted);font-size:14px;line-height:1.45}.lcpi-register-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.lcpi-register-panel-head small{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9px;background:rgba(110,64,255,.14);border:1px solid rgba(130,80,255,.32);color:#cbd5ff;font-size:12px;white-space:nowrap}.lcpi-register-grid{display:grid;gap:16px}.lcpi-register-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.lcpi-register-field{position:relative;display:block;margin:0 0 16px}.lcpi-register-field span{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;color:#fff;font-size:13px;font-weight:750}.lcpi-register-field span small{padding:3px 8px;border-radius:999px;background:rgba(121,65,255,.22);color:#d7c5ff;font-size:11px;font-weight:750}.lcpi-register-field i{position:absolute;left:15px;top:39px;color:#9facd3;font-style:normal;font-size:16px;opacity:.85}.lcpi-register-field input,.lcpi-register-field select,.lcpi-register-field textarea{width:100%;min-height:48px;border:1px solid rgba(125,148,204,.35);border-radius:10px;background:rgba(7,15,33,.72);color:#fff;outline:none;padding:0 42px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.lcpi-register-field textarea{min-height:96px;padding:13px 15px;resize:vertical}.lcpi-register-field select{appearance:none;cursor:pointer}.lcpi-register-field input:focus,.lcpi-register-field select:focus,.lcpi-register-field textarea:focus{border-color:rgba(157,87,255,.8);background:rgba(9,18,40,.94)}.lcpi-register-field input::placeholder,.lcpi-register-field textarea::placeholder{color:#7885a8}.lcpi-register-field em{display:block;min-height:17px;margin-top:5px;color:var(--lcpi-reg-muted);font-size:12px;font-style:normal}.lcpi-register-field em.is-ok{color:var(--lcpi-reg-green)}.lcpi-register-field em.is-bad{color:var(--lcpi-reg-danger)}.lcpi-register-field.is-disabled{opacity:.76}.lcpi-register-field.is-disabled input{cursor:not-allowed}.lcpi-register-eye{position:absolute;right:9px;top:34px;width:38px;height:38px;border:0;background:transparent;color:#b5c2e5;cursor:pointer}.lcpi-password-help{display:grid;grid-template-columns:1fr minmax(270px,.85fr);gap:18px;align-items:stretch;margin-top:2px}.lcpi-password-help>div{display:grid;gap:8px;color:var(--lcpi-reg-muted);font-size:13px}.lcpi-pass-meter{width:100%;height:7px;border-radius:99px;background:rgba(116,136,190,.22);overflow:hidden;margin:2px 0 0}.lcpi-pass-meter span{display:block;height:100%;width:8%;border-radius:99px;background:linear-gradient(90deg,#ff4d6d,#f59e0b);transition:width .18s ease,background .18s ease}.lcpi-pass-meter span[data-score="4"]{background:linear-gradient(90deg,#f59e0b,#22c55e)}.lcpi-pass-meter span[data-score="5"]{background:linear-gradient(90deg,#7c3aed,#22c55e)}.lcpi-pass-score{display:block;color:var(--lcpi-reg-muted);font-size:12px}.lcpi-pass-score[data-score="5"]{color:var(--lcpi-reg-green)}.lcpi-register-field em.is-ok{color:var(--lcpi-reg-green)!important}.lcpi-register-field em.is-bad{color:var(--lcpi-reg-danger)!important}.lcpi-password-help strong{color:#eaf0ff}.lcpi-password-help span{display:block;color:#b6c1dc}.lcpi-password-help span.is-ok{color:var(--lcpi-reg-green)}.lcpi-password-help aside{display:grid;grid-template-columns:auto 1fr;gap:5px 13px;align-content:center;border:1px solid rgba(111,77,255,.32);background:rgba(80,55,200,.12);border-radius:12px;padding:15px}.lcpi-password-help aside b{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(0,150,255,.12);color:#70c8ff}.lcpi-password-help aside small{color:var(--lcpi-reg-muted);line-height:1.35}.lcpi-register-info{display:flex;gap:12px;align-items:center;border:1px solid rgba(111,77,255,.34);background:linear-gradient(90deg,rgba(107,50,255,.2),rgba(26,41,90,.38));border-radius:12px;padding:14px;color:#e8edff;font-size:14px}.lcpi-register-info b{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#9341ff,#5226d7);font-family:Georgia,serif}.lcpi-payment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 18px}.lcpi-payment-tabs label{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon sub";gap:2px 12px;align-items:center;min-height:78px;border:1px solid rgba(125,148,204,.26);border-radius:12px;background:rgba(8,18,38,.68);padding:16px 18px;cursor:pointer}.lcpi-payment-tabs label.is-active{border-color:rgba(161,80,255,.82);background:linear-gradient(145deg,rgba(116,51,255,.28),rgba(9,18,39,.78))}.lcpi-payment-tabs input{position:absolute;opacity:0;pointer-events:none}.lcpi-payment-tabs span{grid-area:icon;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);font-weight:900;color:#a9ddff}.lcpi-payment-tabs b{grid-area:title;color:#fff}.lcpi-payment-tabs small{grid-area:sub;color:var(--lcpi-reg-muted)}.lcpi-payment-pane{display:none}.lcpi-payment-pane.is-active{display:block}.lcpi-register-skip{display:flex;gap:9px;align-items:center;margin:-2px 0 16px;color:#d7def5;font-size:13px}.lcpi-register-skip input,.lcpi-register-check input{accent-color:var(--lcpi-reg-purple)}.lcpi-register-confirm-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:18px}.lcpi-security-list{display:grid;gap:10px;margin-bottom:18px}.lcpi-security-list div{display:grid;grid-template-columns:36px 1fr 24px;gap:12px;align-items:center;border:1px solid rgba(125,148,204,.18);border-radius:12px;background:rgba(6,14,31,.55);padding:11px}.lcpi-security-list b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(99,61,255,.18);color:#c7b9ff}.lcpi-security-list span{display:grid;gap:4px;font-size:13px;font-weight:750}.lcpi-security-list small{color:var(--lcpi-reg-muted);font-weight:500}.lcpi-security-list i{font-style:normal;color:var(--lcpi-reg-green)}.lcpi-register-captcha{display:grid;gap:9px;margin:6px 0 15px}.lcpi-register-captcha strong{font-size:14px}.lcpi-register-captcha small{color:var(--lcpi-reg-muted)}.lcpi-captcha-placeholder{display:flex;align-items:center;gap:12px;width:min(360px,100%);min-height:76px;border:1px solid rgba(125,148,204,.32);border-radius:10px;background:rgba(255,255,255,.04);padding:12px}.lcpi-captcha-placeholder b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--lcpi-reg-green);font-size:22px}.lcpi-captcha-placeholder span{font-weight:750}.lcpi-captcha-placeholder small{display:block}.lcpi-register-check{display:flex;gap:9px;align-items:flex-start;margin:9px 0;color:#dce4fb;font-size:13px;line-height:1.4}.lcpi-register-check a{color:#cf73ff;text-decoration:none}.lcpi-register-trust ul{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}.lcpi-register-trust li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(129,151,205,.13)}.lcpi-register-trust li span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(142,55,255,.14);color:#d3b9ff}.lcpi-register-trust li b{font-size:13px}.lcpi-register-trust li em{font-style:normal;color:var(--lcpi-reg-green);font-size:12px}.lcpi-shield-visual{display:grid;place-items:center;height:142px;border-radius:14px;background:radial-gradient(circle,rgba(0,215,255,.2),transparent 60%),linear-gradient(145deg,rgba(71,39,190,.3),rgba(8,20,45,.48));color:#8fdcff;font-size:78px;text-shadow:0 0 22px rgba(0,215,255,.62)}.lcpi-register-actions{display:grid;grid-template-columns:150px 1fr 170px;gap:18px;align-items:center;margin-top:16px}.lcpi-register-back,.lcpi-register-next,.lcpi-register-submit{height:48px;border-radius:11px;font-weight:800;cursor:pointer}.lcpi-register-back{border:1px solid rgba(137,156,203,.45);background:rgba(8,17,35,.72);color:#fff}.lcpi-register-back:hover{border-color:rgba(184,197,232,.72)}.lcpi-register-next,.lcpi-register-submit{border:1px solid rgba(190,106,255,.62);background:linear-gradient(135deg,#942eff,#6017dc);color:#fff;}.lcpi-register-next:hover,.lcpi-register-submit:hover{filter:brightness(1.08)}.lcpi-register-progress{display:flex;justify-content:center;gap:10px}.lcpi-register-progress span{width:34px;height:8px;border-radius:99px;background:rgba(116,136,190,.25)}.lcpi-register-progress span.is-active{background:linear-gradient(90deg,#7d34ff,#d246ff)}
@media (max-width:900px){.lcpi-register-card{padding:22px 18px}.lcpi-register-steps{margin-inline:4px}.lcpi-register-grid.two,.lcpi-password-help,.lcpi-register-confirm-grid,.lcpi-payment-tabs{grid-template-columns:1fr}.lcpi-register-panel-head{display:block}.lcpi-register-panel-head small{margin-top:10px}.lcpi-register-actions{grid-template-columns:1fr;gap:12px}.lcpi-register-progress{order:-1}.lcpi-register-back,.lcpi-register-next,.lcpi-register-submit{width:100%}}
@media (max-width:620px){.lcpi-register-modal{padding:10px}.lcpi-register-card{width:100%;max-height:calc(100vh - 20px);border-radius:16px}.lcpi-register-steps{display:flex;overflow:auto;justify-content:flex-start;gap:18px;padding-bottom:4px}.lcpi-register-steps li{min-width:88px}.lcpi-register-steps li:before{display:none}.lcpi-register-head h2{font-size:20px}.lcpi-register-panel{padding:16px}.lcpi-register-field input,.lcpi-register-field select{min-height:46px}.lcpi-payment-tabs label{min-height:68px}}

/* V3 production polish: password visibility, autofill contrast, payment validation readiness, register notice. */
.lcpi-register-field input:-webkit-autofill,
.lcpi-register-field input:-webkit-autofill:hover,
.lcpi-register-field input:-webkit-autofill:focus{
  -webkit-text-fill-color:#ffffff!important;
  
  caret-color:#ffffff!important;
  border-color:rgba(157,87,255,.8)!important;
}
.lcpi-register-eye{
  right:7px!important;
  top:32px!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#e7edff!important;
  font-size:20px!important;
  line-height:1!important;
  background:rgba(255,255,255,.035)!important;
}
.lcpi-register-eye:hover{background:rgba(147,65,255,.18)!important;color:#fff!important;}
.lcpi-register-field input:invalid:not(:placeholder-shown),
.lcpi-register-field select:invalid:not(:placeholder-shown){border-color:rgba(255,84,117,.58)}
.lcpi-password-help span.is-ok:before{content:'✓ ';font-weight:900}.lcpi-password-help span:not(.is-ok):before{content:'○ ';opacity:.75}.lcpi-password-help span{font-weight:650}.lcpi-pass-score[data-score="4"],.lcpi-pass-score[data-score="5"]{color:var(--lcpi-reg-green)}
.lcpi-register-notice{position:sticky;top:10px;z-index:90;display:flex;align-items:center;gap:11px;width:min(980px,calc(100vw - 32px));margin:12px auto 0;padding:12px 16px;border:1px solid rgba(250,204,21,.38);border-radius:14px;background:linear-gradient(90deg,rgba(87,55,9,.92),rgba(20,30,57,.92));color:#fff7d6;}
.lcpi-register-notice b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(250,204,21,.14);color:#facc15}.lcpi-register-notice span{flex:1;font-size:13px;line-height:1.4}.lcpi-register-notice a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:7px 12px;background:rgba(255,255,255,.06);font-weight:800;font-size:12px}
@media(max-width:620px){.lcpi-register-eye{width:40px!important;height:40px!important;font-size:18px!important}.lcpi-register-notice{position:relative;top:auto;margin:10px auto;width:calc(100vw - 20px);align-items:flex-start}.lcpi-register-notice a{white-space:nowrap}}

/* LeadCPI Frontend Unified Topbar V2J
   Locked grid shell. Only topbar component is normalized; no main/rightbar/leftbar data changes. */
body.lcpi-front-desktop .lcpi-unified-topbar-v2j,
body.lcpi-front-desktop header.lcpi-unified-topbar-v2j{
  --lcpi-topbar-action-w: 548px;
  --lcpi-topbar-filter-w: 132px;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:58px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(360px, 1fr) minmax(0, var(--lcpi-topbar-filter-w)) minmax(512px, var(--lcpi-topbar-action-w)) !important;
  align-items:center !important;
  column-gap:14px !important;
  justify-content:stretch !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  position:relative !important;
  z-index:30 !important;
}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j--home,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j--account,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j--transactions{
  grid-template-columns:minmax(420px, 1fr) 0 minmax(512px, var(--lcpi-topbar-action-w)) !important;
}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j--partners,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j--offers,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j--offerwall{
  grid-template-columns:minmax(420px, 1fr) minmax(116px, var(--lcpi-topbar-filter-w)) minmax(512px, var(--lcpi-topbar-action-w)) !important;
}
body.lcpi-front-desktop .lcpi-topbar-zone{min-width:0 !important;display:flex !important;align-items:center !important;box-sizing:border-box !important;}
body.lcpi-front-desktop .lcpi-topbar-zone-search{grid-column:1;justify-content:flex-start !important;overflow:hidden !important;}
body.lcpi-front-desktop .lcpi-topbar-zone-filter{grid-column:2;justify-content:flex-end !important;overflow:visible !important;}
body.lcpi-front-desktop .lcpi-topbar-zone-actions{grid-column:3;justify-content:flex-end !important;overflow:visible !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j--home .lcpi-topbar-zone-filter,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j--account .lcpi-topbar-zone-filter,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j--transactions .lcpi-topbar-zone-filter{display:none !important;}

/* Search: keep same visual but force width stable per route. */
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-topbar-search-v2j,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-search,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-offers-search,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-partners-search{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 18px !important;
  border-radius:14px !important;
  border:1px solid rgba(122,144,210,.24) !important;
  background:linear-gradient(180deg,rgba(15,25,60,.86),rgba(8,14,37,.93)) !important;
  
  box-sizing:border-box !important;
  overflow:hidden !important;
}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-topbar-search-v2j svg{width:18px !important;height:18px !important;flex:0 0 18px;color:#bcd0ff !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-topbar-search-v2j span{flex:0 0 auto !important;color:#bcd0ff !important;line-height:1 !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-topbar-search-v2j input{
  flex:1 1 auto !important;min-width:0 !important;width:auto !important;border:0 !important;outline:0 !important;background:transparent !important;color:#fff !important;font-size:15px !important;line-height:1 !important;
}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-topbar-search-v2j input::placeholder{color:#8f99bd !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-topbar-search-v2j kbd{
  flex:0 0 auto !important;height:24px !important;min-width:38px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border:0 !important;border-radius:8px !important;background:rgba(255,255,255,.045) !important;color:#dce6ff !important;font-size:11px !important;font-weight:800 !important;padding:0 8px !important;white-space:nowrap !important;
}

/* Filter slot: never pushes action slot. */
body.lcpi-front-desktop .lcpi-filter-wrap-v2j{position:relative !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;min-width:0 !important;}
body.lcpi-front-desktop .lcpi-filter-btn-v2j,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-offers-filter,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-partners-filter,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .ow-filter-chip{
  height:48px !important;min-width:116px !important;max-width:132px !important;padding:0 16px !important;border-radius:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;border:1px solid rgba(122,144,210,.24) !important;background:linear-gradient(180deg,rgba(15,25,60,.86),rgba(8,14,37,.94)) !important;color:#fff !important;font-weight:800 !important;white-space:nowrap !important;
}
body.lcpi-front-desktop .lcpi-filter-btn-v2j svg{width:18px !important;height:18px !important;flex:0 0 18px !important;}
body.lcpi-front-desktop .lcpi-filter-btn-v2j b,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-offers-filter b,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-partners-filter b,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .ow-filter-chip b{position:static !important;min-width:22px !important;height:22px !important;padding:0 6px !important;border-radius:999px !important;background:#8938ff !important;color:#fff !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:12px !important;line-height:1 !important;}

/* Right action cluster: fixed internal columns so Guest/Login are never clipped. */
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-top-actions-v2j{
  width:var(--lcpi-topbar-action-w) !important;
  max-width:var(--lcpi-topbar-action-w) !important;
  min-width:var(--lcpi-topbar-action-w) !important;
  display:grid !important;
  grid-template-columns:76px 70px 48px minmax(168px,176px) minmax(152px,168px) !important;
  align-items:center !important;
  justify-content:end !important;
  gap:10px !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-chip,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-top-icon-btn,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-geo-chip-v2j{
  height:46px !important;border-radius:14px !important;border:1px solid rgba(145,122,255,.24) !important;background:linear-gradient(180deg,rgba(17,23,55,.84),rgba(7,12,32,.94)) !important;color:#fff !important;box-sizing:border-box !important;
}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-theme-v2j{width:76px !important;min-width:76px !important;padding:0 12px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-theme-v2j .lcpi-theme-symbols{display:flex !important;align-items:center !important;justify-content:center !important;gap:13px !important;width:auto !important;height:24px !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-theme-v2j .lcpi-top-sun,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-theme-v2j .lcpi-top-moon{position:static !important;display:block !important;width:19px !important;height:19px !important;opacity:.72 !important;}
body.lcpi-front-desktop:not(.lcpi-light-mode) .lcpi-unified-topbar-v2j .lcpi-theme-v2j .lcpi-top-moon,
html:not(.lcpi-light-mode) body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-theme-v2j .lcpi-top-moon{opacity:1 !important;!important;}
body.lcpi-front-desktop.lcpi-light-mode .lcpi-unified-topbar-v2j .lcpi-theme-v2j .lcpi-top-sun,
html.lcpi-light-mode body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-theme-v2j .lcpi-top-sun{opacity:1 !important;!important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-theme-v2j i{display:none !important;}

body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-geo-chip-v2j{width:70px !important;min-width:70px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:0 10px !important;white-space:nowrap !important;line-height:1 !important;overflow:hidden !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-geo-chip-v2j img{display:block !important;width:22px !important;height:16px !important;min-width:22px !important;object-fit:cover !important;border-radius:3px !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-geo-chip-v2j span{display:block !important;font-size:13px !important;font-weight:800 !important;color:#eef4ff !important;line-height:1 !important;}

body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-bell-v2j{width:48px !important;min-width:48px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;position:relative !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-bell-v2j img{display:block !important;width:23px !important;height:23px !important;!important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-bell-v2j b{display:none !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-bell-v2j.is-on,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-bell-v2j[data-sound-enabled="1"]{border-color:rgba(33,215,255,.46) !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-bell-v2j.is-muted img,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-bell-v2j[data-sound-enabled="0"] img{opacity:.52 !important;filter:none !important;}

body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-menu-v2j{position:relative !important;width:176px !important;min-width:176px !important;max-width:176px !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-panel{width:176px !important;min-width:176px !important;max-width:176px !important;height:46px !important;padding:0 10px 0 7px !important;display:flex !important;align-items:center !important;gap:9px !important;border-radius:14px !important;border:1px solid rgba(122,144,210,.24) !important;background:linear-gradient(145deg,rgba(15,27,63,.68),rgba(8,15,39,.46)) !important;color:#fff !important;text-decoration:none !important;cursor:pointer !important;overflow:hidden !important;box-sizing:border-box !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-panel .avatar{width:42px !important;height:42px !important;min-width:42px !important;flex:0 0 42px !important;border-radius:50% !important;display:grid !important;place-items:center !important;position:relative !important;overflow:visible !important;background:radial-gradient(circle at 35% 25%,#f7f4ff 0,#d8d8ff 45%,#7b6af0 100%) !important;color:#fff !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-panel .avatar img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:50% !important;display:block !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-panel .avatar:not(.has-image) img{width:27px !important;height:27px !important;object-fit:contain !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-panel .avatar i,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-panel .avatar:after{content:"" !important;position:absolute !important;right:0 !important;bottom:1px !important;width:11px !important;height:11px !important;border-radius:50% !important;background:#21d7ff !important;border:2px solid #050b1e !important;display:block !important;z-index:2 !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-copy{display:block !important;min-width:0 !important;overflow:hidden !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-copy strong{display:block !important;max-width:112px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:#fff !important;font-size:14px !important;font-weight:800 !important;line-height:1.05 !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-copy small{display:block !important;max-width:112px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;margin-top:3px !important;color:#aab6d8 !important;font-size:11px !important;font-weight:500 !important;line-height:1.15 !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-dropdown-v2j{position:absolute !important;right:0 !important;top:calc(100% + 10px) !important;z-index:2000 !important;min-width:190px !important;padding:8px !important;border-radius:14px !important;border:1px solid rgba(145,122,255,.28) !important;background:linear-gradient(180deg,rgba(17,23,55,.98),rgba(7,12,32,.98)) !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-dropdown-v2j a,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-dropdown-v2j button{display:flex !important;width:100% !important;height:36px !important;align-items:center !important;border:0 !important;background:transparent !important;color:#dfe8ff !important;border-radius:10px !important;padding:0 10px !important;font-size:13px !important;font-weight:700 !important;text-align:left !important;text-decoration:none !important;cursor:pointer !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-dropdown-v2j a:hover,
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-dropdown-v2j button:hover{background:rgba(151,78,255,.16) !important;color:#fff !important;}

body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-login-btn{width:168px !important;min-width:168px !important;max-width:168px !important;height:46px !important;padding:0 14px !important;border-radius:12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;font-size:14px !important;font-weight:800 !important;white-space:nowrap !important;overflow:hidden !important;color:#fff !important;text-decoration:none !important;background:linear-gradient(180deg,#b64dff 0%,#8d35f6 100%) !important;border:1px solid rgba(255,255,255,.14) !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-login-btn img{width:16px !important;height:16px !important;display:block !important;flex:0 0 16px !important;}
body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-login-btn span{display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}

/* Route body/topbar containment: action slot must not overlap rightbars. */
body.lcpi-front-desktop .lcpi-body > .lcpi-unified-topbar-v2j,
body.lcpi-front-desktop .tx-route-body > .lcpi-unified-topbar-v2j,
body.lcpi-front-desktop .account-route-wrap > .lcpi-unified-topbar-v2j,
body.lcpi-front-desktop .partners-page-shell > .lcpi-unified-topbar-v2j,
body.lcpi-front-desktop .ow-shell > .lcpi-unified-topbar-v2j{min-width:0 !important;}

@media (max-width:1500px){
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j{--lcpi-topbar-action-w:520px;grid-template-columns:minmax(300px,1fr) minmax(0,120px) minmax(490px,var(--lcpi-topbar-action-w)) !important;column-gap:10px !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j--home,
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j--account,
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j--transactions{grid-template-columns:minmax(340px,1fr) 0 minmax(490px,var(--lcpi-topbar-action-w)) !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-top-actions-v2j{width:520px !important;min-width:520px !important;max-width:520px !important;grid-template-columns:70px 64px 46px minmax(154px,164px) minmax(142px,154px) !important;gap:8px !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-menu-v2j,
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-panel{width:164px !important;min-width:164px !important;max-width:164px !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-login-btn{width:154px !important;min-width:154px !important;max-width:154px !important;padding:0 10px !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-copy strong,
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-copy small{max-width:98px !important;}
}
@media (max-width:1280px){
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j{--lcpi-topbar-action-w:410px;grid-template-columns:minmax(240px,1fr) minmax(0,104px) minmax(386px,var(--lcpi-topbar-action-w)) !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-top-actions-v2j{width:410px !important;min-width:410px !important;max-width:410px !important;grid-template-columns:62px 58px 42px minmax(118px,126px) minmax(116px,120px) !important;gap:6px !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-menu-v2j,
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-panel{width:126px !important;min-width:126px !important;max-width:126px !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-login-btn{width:120px !important;min-width:120px !important;max-width:120px !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-login-btn span{font-size:12px !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-copy small{display:none !important;}
  body.lcpi-front-desktop .lcpi-unified-topbar-v2j .lcpi-user-copy strong{max-width:64px !important;}
}

/* P-FRONTEND-HOME-PERF-3: render-cost optimization for high-traffic desktop homepage. */
body.lcpi-front-desktop.lcpi-neon-home .lcpi-orb{filter:none!important;opacity:.08!important;will-change:auto!important;transform:translateZ(0)}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-orb-a{background:radial-gradient(circle,rgba(27,199,255,.24),rgba(27,199,255,0) 62%)!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-orb-b{background:radial-gradient(circle,rgba(166,44,255,.24),rgba(166,44,255,0) 62%)!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-panel,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-chip,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-search,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-guest,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-modal,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-auth-modal,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-register-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-panel{box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.2)!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-btn{box-shadow:0 0 12px rgba(188,55,255,.28),inset 0 1px rgba(255,255,255,.18)!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-nav a.is-active{box-shadow:0 0 14px rgba(202,65,255,.32),inset 0 0 0 1px rgba(255,255,255,.18)!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-brand img,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-mission-card img,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-hero-art,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-unlock img{filter:none!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-stat span,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-feature-strip span,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-nav a span{text-shadow:none!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-offer-card{box-shadow:0 6px 16px rgba(0,0,0,.2)!important;contain:layout paint style;content-visibility:auto;contain-intrinsic-size:205px 150px}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-offer-card:hover{transform:none!important;box-shadow:0 8px 18px rgba(151,64,255,.16)!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-slider-arrow,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-quick-access span,
body.lcpi-front-desktop.lcpi-neon-home .donut{box-shadow:none!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-content-grid,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-bottom-grid,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-feature-strip,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-rightbar .lcpi-panel:nth-child(n+3){content-visibility:auto;contain-intrinsic-size:220px 360px}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-hero:before{opacity:.52!important;background:linear-gradient(90deg,rgba(9,18,42,.68),transparent 72%),linear-gradient(rgba(72,127,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(72,127,255,.04) 1px,transparent 1px)!important;background-size:auto,40px 40px,40px 40px!important}
body.lcpi-front-desktop.lcpi-neon-home .lcpi-hero,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-unlock,
body.lcpi-front-desktop.lcpi-neon-home .lcpi-mission-card{background-image:linear-gradient(145deg,rgba(10,20,48,.92),rgba(6,13,31,.96))!important}
@media (prefers-reduced-motion: reduce){body.lcpi-front-desktop *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}