@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}:root{--bg:#07110e;--panel:#0d1915;--panel2:#12231c;--line:#234033;--green:#21f58b;--green2:#00c96b;--yellow:#ffd52a;--white:#f6fff9;--muted:#93aa9f;--red:#ff5d67;--blue:#4da3ff}body{color:var(--white);background:#07110e;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 80% -10%,#21f58b1f,#0000 35%),#07110e;min-height:100vh}.demoSwitch{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#050d0af5;justify-content:center;align-items:center;gap:22px;padding:10px 20px;display:flex;position:sticky;top:0}.demoLabel{color:var(--green);align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.demoLabel small{color:var(--muted);margin-left:5px;font-weight:600}.roleButtons{flex-wrap:wrap;gap:6px;display:flex}.roleButtons button{color:#a8bdb3;background:#102019;border:1px solid #28483a;border-radius:10px;align-items:center;gap:6px;padding:8px 11px;font-weight:700;display:flex}.roleButtons button.active{background:var(--green);color:#001b0e;border-color:var(--green)}.customerApp,.panelApp{max-width:1240px;margin:auto;padding:34px 22px 80px}.customerHero,.panelHeader{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.eyebrow,.panelIdentity span,.sectionTitle span,.kicker,.ownerHero>div>span{color:var(--green);letter-spacing:.12em;font-size:11px;font-weight:900}.customerHero h1,.panelHeader h1{margin:5px 0;font-size:36px}.customerHero p,.panelHeader p{color:var(--muted);margin:0}.live,.headerStatus{color:#b8d4c7;border:1px solid #315c47;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900}.live span,.headerStatus span,.statusDot{background:var(--green);width:8px;height:8px;box-shadow:0 0 14px var(--green);border-radius:50%;margin-right:6px;display:inline-block}.promoHero{color:#002513;background:linear-gradient(115deg,#16e47d,#00a85b);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px 28px;display:flex;box-shadow:0 20px 70px #00e67d24}.promoHero small{font-weight:900}.promoHero h2{margin:5px 0;font-size:30px}.promoHero p{margin:0;font-weight:600}.sectionTitle{justify-content:space-between;align-items:center;margin:28px 0 14px;display:flex}.sectionTitle h2{margin:3px 0;font-size:23px}.fuelGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.fuelPrice{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;position:relative;overflow:hidden}.fuelPrice.hot{background:linear-gradient(145deg,#14241c,#1c2410);border-color:#4e5d1f}.fuelName{color:#c0d4ca;align-items:center;gap:7px;font-weight:800;display:flex}.price{color:var(--white);margin:8px 0;font-size:38px;font-weight:900}.price span{color:var(--yellow);margin-right:5px;font-size:14px}.offerTag{color:#001b0e;background:var(--yellow);border-radius:7px;padding:5px 8px;font-size:11px;font-weight:900;display:inline-block}.fuelPrice small{color:var(--muted);margin-top:9px;font-size:10px;display:block}.customerMoney{grid-template-columns:1fr 1fr;gap:15px;margin-top:30px;display:grid}.nexoCard{background:radial-gradient(circle at 80% 10%,#ffd52a40,#0000 30%),linear-gradient(145deg,#00d572,#073c26);border-radius:23px;min-height:210px;padding:23px;box-shadow:0 25px 60px #00000047}.cardTop{justify-content:space-between;font-size:12px;font-weight:900;display:flex}.cardTop b{font-size:21px}.cardNumber{letter-spacing:.12em;margin-top:50px;font-size:24px;font-weight:800}.qrFake{align-items:center;gap:9px;margin-top:18px;display:flex}.qrFake span{font-size:30px}.qrFake small{font-weight:700}.walletBox{border:1px solid var(--line);background:var(--panel);border-radius:23px;padding:23px}.walletBox>span{color:var(--muted);font-size:11px;font-weight:900}.walletBox>strong{color:var(--green);margin-top:7px;font-size:42px;display:block}.walletBox>small{color:var(--muted)}.walletLine{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.walletLine div{background:#12231c;border-radius:13px;grid-template-columns:auto auto 1fr;align-items:center;gap:6px;padding:12px;display:grid}.walletLine svg{color:var(--yellow)}.walletLine span{color:var(--muted);font-size:11px}.actionGrid,.managerGrid,.adminGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.actionCard,.bigAction,.adminCard{color:var(--white);background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:15px;align-items:center;gap:12px;padding:16px;display:flex}.actionCard>svg:first-child,.bigAction>div,.adminCard>div{color:var(--green)}.actionCard div,.bigAction span,.adminCard span{flex-direction:column;flex:1;gap:3px;display:flex}.actionCard span,.bigAction small,.adminCard small{color:var(--muted);font-size:11px}.feedbackGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feedbackCard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.feedbackCard>svg{color:var(--yellow)}.feedbackCard h3{margin:10px 0 4px}.feedbackCard p{color:var(--muted);font-size:13px}.stars button{color:#3d5549;background:0 0;border:0;padding:2px;font-size:35px}.stars button.selected{color:var(--yellow)}select,input{color:#fff;background:#08130f;border:1px solid #31503f;border-radius:11px;outline:none;padding:13px}.feedbackCard select{width:100%;margin:5px 0 9px}.primary{background:var(--green);color:#002011;border:0;border-radius:11px;justify-content:center;align-items:center;gap:5px;padding:12px 16px;font-weight:900;display:flex}.success{color:var(--green);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.panelIdentity{align-items:center;gap:13px;display:flex}.panelIcon{background:var(--green);color:#002011;border-radius:16px;place-items:center;width:53px;height:53px;display:grid}.panelIcon svg{width:27px;height:27px}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.metric span,.metric small{color:var(--muted);font-size:11px;display:block}.metric strong{margin:7px 0;font-size:25px;display:block}.metric small{color:var(--green)}.flow{max-width:850px;margin:35px auto}.flowSteps{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.flowSteps div{color:var(--muted);font-size:11px;font-weight:800}.flowSteps span{background:#1a2a22;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:6px;display:inline-grid}.flowSteps .done{color:var(--green)}.flowSteps .done span{background:var(--green);color:#002011}.workCard{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px}.workCard h2{font-size:27px}.workCard p{color:var(--muted)}.bigInput{border:1px solid #31503f;border-radius:13px;align-items:center;gap:8px;padding:0 12px;display:flex}.bigInput input{background:0 0;border:0;flex:1}.form2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.benefitResult{color:var(--green);background:#0d2d1d;border-radius:14px;align-items:center;gap:12px;padding:17px;display:flex}.benefitResult div{flex-direction:column;display:flex}.benefitResult span{color:#a6c5b5;font-size:12px}.totals{flex-direction:column;gap:12px;display:flex}.totals span{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:10px;display:flex}.totals .total{color:var(--green);font-size:22px}.flowActions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.flowActions>button:not(.primary){border:1px solid var(--line);color:#fff;background:#14241c;border-radius:11px;padding:12px}.managerGrid{margin:18px 0}.bigAction.alert{border-color:#7b4931}.split{grid-template-columns:1.2fr .8fr;gap:12px;margin-top:20px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.panel h3{margin-top:0}.compact{grid-template-columns:repeat(2,1fr)}.compact .price{font-size:25px}.ticket{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.ticket span{flex-direction:column;display:flex}.ticket small{color:var(--muted);margin-top:3px}.ticket em{color:var(--yellow);font-size:10px;font-style:normal;font-weight:900}.ownerHero{background:linear-gradient(120deg,#14251e,#102c20);border:1px solid #2b513d;border-radius:22px;justify-content:space-between;align-items:center;padding:24px;display:flex}.ownerHero h2{margin:7px 0;font-size:30px}.ownerHero p{color:var(--muted);max-width:650px}.score{border:8px solid var(--green);border-radius:50%;align-content:center;place-items:center;width:130px;height:130px;display:grid}.score b{font-size:35px}.score span{font-size:11px}.score small{color:var(--muted)}.ownerGrid{grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0;display:grid}.ownerCard{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:7px;padding:17px;display:flex}.ownerCard svg{color:var(--green)}.ownerCard span,.ownerCard small{color:var(--muted);font-size:11px}.ownerCard strong{font-size:24px}.barRow{grid-template-columns:100px 1fr 45px;align-items:center;gap:10px;margin:12px 0;display:grid}.barRow>div{background:#1b2c24;border-radius:10px;height:10px;overflow:hidden}.barRow i{background:var(--green);border-radius:10px;height:100%;display:block}.nexoAdmin{--green:#4da3ff;--green2:#247dff}.nexoStatus{background:linear-gradient(120deg,#0d1b29,#0c2532);border:1px solid #214c78;border-radius:18px;justify-content:space-between;align-items:center;padding:17px;display:flex}.nexoStatus div{align-items:center;gap:10px;display:flex}.nexoStatus span{flex-direction:column;display:flex}.nexoStatus span b{color:#fff}.nexoStatus span{color:var(--muted);font-size:11px}.nexoStatus strong{color:#63e6a5}.adminGrid{margin:18px 0}.systemPanel{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.systemPanel div{color:var(--muted);flex-direction:column;gap:5px;font-size:11px;display:flex}.systemPanel svg{color:#63e6a5}.systemPanel b{color:#fff}.demoNotice{color:#82978d;text-align:center;border:1px dashed #385245;border-radius:12px;margin-top:30px;padding:11px;font-size:10px}@media (width<=850px){.demoSwitch{padding:10px;display:block;position:relative}.demoLabel{margin-bottom:8px}.demoLabel small{display:none}.roleButtons{grid-template-columns:repeat(2,1fr);display:grid}.roleButtons button:last-child{grid-column:1/-1}.customerApp,.panelApp{padding:22px 13px 60px}.customerHero,.panelHeader{align-items:flex-start;gap:12px}.customerHero h1,.panelHeader h1{font-size:26px}.live,.headerStatus{display:none}.promoHero{padding:20px}.promoHero h2{font-size:23px}.promoHero>svg{display:none}.fuelGrid{grid-template-columns:repeat(2,1fr)}.price{font-size:29px}.customerMoney,.feedbackGrid,.split,.actionGrid,.managerGrid,.adminGrid{grid-template-columns:1fr}.metrics,.ownerGrid{grid-template-columns:repeat(2,1fr)}.ownerHero{align-items:flex-start}.score{flex:none;width:95px;height:95px}.score b{font-size:25px}.flowSteps{grid-template-columns:repeat(2,1fr)}.form2{grid-template-columns:1fr}.systemPanel{grid-template-columns:repeat(2,1fr)}}@media (width<=450px){.fuelGrid{grid-template-columns:1fr 1fr;gap:7px}.fuelPrice{padding:13px}.fuelName{font-size:12px}.price{font-size:25px}.customerMoney{grid-template-columns:1fr}.metrics,.ownerGrid{grid-template-columns:1fr 1fr}}