:root{--navy:#10192a;--navy2:#16243b;--ink:#162036;--muted:#7b879a;--teal:#53dbca;--mint:#dcfaf4;--line:#e9edf2;--paper:#fff;--bg:#f4f7f9;--orange:#f16a33;--yellow:#ffcb05;--green:#0b9a78;--red:#c34c55}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font:15px/1.5 "DM Sans",system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;max-width:1200px;margin:0 auto;padding:0 46px 26px;position:relative;overflow:hidden}.shell:before{content:"";position:absolute;z-index:-2;top:0;left:0;right:0;height:440px;background:linear-gradient(115deg,#10192a 2%,#172844 70%,#17363d 100%)}.glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px);pointer-events:none}.glow-a{width:430px;height:430px;top:-250px;right:130px;background:radial-gradient(circle,rgba(83,219,202,.25),transparent 68%)}.glow-b{width:320px;height:320px;top:215px;left:-265px;background:radial-gradient(circle,rgba(70,127,193,.15),transparent 68%)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.11);color:white}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;font:800 16px Manrope,sans-serif;letter-spacing:-.3px}.brand small{display:block;color:#9aa8bc;font:500 11px "DM Sans",sans-serif;letter-spacing:.1px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#9ff4e8;background:rgba(83,219,202,.13);border:1px solid rgba(83,219,202,.3);border-radius:13px;font-size:25px}.brand-mark svg{width:26px;height:26px}.secure{display:flex;align-items:center;gap:9px;color:#bac7d8;font-size:12px}.secure-dot{width:7px;height:7px;background:#53db9d;box-shadow:0 0 12px #53db9d;border-radius:50%}.hero{color:white;padding:47px 0 30px}.eyebrow{display:flex;align-items:center;gap:8px;color:#7be4d5;text-transform:uppercase;letter-spacing:1.15px;font-size:10px;font-weight:700}.eyebrow-icon{width:20px;height:20px;display:grid;place-items:center;background:rgba(83,219,202,.13);border-radius:7px}.hero h1{font:800 clamp(36px,5vw,54px)/1.06 Manrope,sans-serif;letter-spacing:-2.1px;margin:14px 0 13px}.hero h1 span{color:var(--teal)}.hero>p{color:#bdc8d7;margin:0;font-size:15px}.trust-row{display:flex;gap:22px;margin-top:21px;color:#cad3df;font-size:11px}.trust-row i{font-style:normal;color:#62dec3;margin-right:6px;font-weight:800}.content-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:22px;align-items:start}.plans-panel,.payment-panel{background:var(--paper);border:1px solid rgba(26,43,65,.07);border-radius:20px;box-shadow:0 14px 44px rgba(21,39,61,.07)}.plans-panel{padding:25px 24px 22px}.payment-panel{padding:25px 25px 20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading h2{font:750 16px Manrope,sans-serif;letter-spacing:-.3px;margin:0}.step{display:grid;place-items:center;background:#effaf7;color:#119981;width:27px;height:27px;border-radius:9px;font-size:10px;font-weight:800}.muted{color:var(--muted);font-size:11px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:11px}.plan-card{position:relative;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 15px 13px;color:var(--ink);transition:.18s ease;min-height:120px}.plan-card:hover{border-color:#a7e8dd;transform:translateY(-1px)}.plan-card.selected{border-color:#31b7a2;box-shadow:0 0 0 2px rgba(49,183,162,.11);background:#fbfffe}.plan-top{display:flex;align-items:center;gap:8px}.radio{width:15px;height:15px;border:1.5px solid #c7d0dc;border-radius:50%;position:relative}.selected .radio{border-color:#18a58e}.selected .radio:after{content:"";position:absolute;inset:3px;background:#18a58e;border-radius:50%}.plan-duration{font:700 12px Manrope,sans-serif}.plan-price{display:block;font:800 21px Manrope,sans-serif;letter-spacing:-.5px;margin:14px 0 3px}.plan-price small{font:600 10px "DM Sans",sans-serif;letter-spacing:0;color:#718096}.plan-meta{font-size:10px;color:#8793a3}.plan-meta span{color:#b6c0cc;margin:0 3px}.plan-badge{position:absolute;right:10px;top:-8px;padding:2px 8px;border-radius:20px;background:#e6faf5;color:#128a73;font-size:9px;font-weight:800}.empty-plans{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px}.empty-plans strong{display:block;color:#25334a}.empty-plans p{font-size:12px;margin:4px}.empty-icon{font-size:24px;color:#39baa5}.field-label{display:block;font-size:11px;font-weight:700;color:#48566b;margin:20px 0 8px}.phone-field{display:flex;align-items:center;gap:12px;border:1px solid #dfe5ec;border-radius:12px;height:48px;padding:0 14px;transition:.16s}.phone-field:focus-within{border-color:#47bdaa;box-shadow:0 0 0 3px rgba(71,189,170,.12)}.country-code{display:flex;align-items:center;gap:7px;padding-right:13px;border-right:1px solid #e6ebf0;font-size:13px}.country-code b{font-size:12px}.phone-field input{border:0;outline:0;width:100%;background:transparent;color:var(--ink);font-size:14px;letter-spacing:.2px}.phone-field input::placeholder{color:#a3adba}.field-help{display:block;color:#95a0af;font-size:10px;margin-top:6px}.operator-label{margin-top:19px}.operators{display:grid;grid-template-columns:1fr 1fr;gap:9px}.operator{height:45px;border:1px solid var(--line);background:#fff;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#445168;font-size:11px;font-weight:600;position:relative}.operator.selected{border-color:#4bbda9;background:#f8fffd;color:#18263a}.operator-logo{display:grid;place-items:center;width:25px;height:25px;color:white;border-radius:8px;font-size:9px;font-weight:900}.operator-logo.om{background:linear-gradient(135deg,#f57933,#e65128)}.operator-logo.momo{background:#ffcf14;color:#29250b;border-radius:50%}.operator-check{display:none;position:absolute;right:9px;color:#10967e;font-style:normal;font-size:11px}.operator.selected .operator-check{display:block}.summary{margin-top:20px;padding:13px 0;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;display:grid;grid-template-columns:1fr auto;gap:6px;color:#7d8999;font-size:11px}.summary strong{color:#36445a;text-align:right;font-weight:650}.summary .total{color:#118b75;font:800 16px Manrope,sans-serif}.pay-button{margin-top:16px;width:100%;border:0;height:49px;border-radius:12px;color:#092a2c;background:linear-gradient(110deg,#69e1cd,#52cdbd);font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(54,195,175,.17);transition:.18s}.pay-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px rgba(54,195,175,.25)}.pay-button:disabled{opacity:.5;cursor:not-allowed}.pay-button span{float:right;margin-right:12px;font-size:16px}.payment-foot{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:13px;font-size:9px;color:#98a2b0}.payment-foot strong{color:#536076}.lock{font-size:14px}.pay-logos{display:flex;gap:4px;margin-left:5px}.pay-logos b{display:grid;place-items:center;width:18px;height:15px;border-radius:4px;background:#fff0e8;color:#e55c29;font-size:8px}.pay-logos b+b{background:#fff5c8;color:#685500}.status-card{display:flex;align-items:center;gap:14px;margin-top:17px;padding:15px 17px;border:1px solid #dbe5ec;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(21,39,61,.05)}.status-card[hidden]{display:none}.status-icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#eef5fa;color:#5284a6;font-weight:800}.status-waiting .status-icon{color:#199b89;background:#e4f8f4}.status-success .status-icon{color:#fff;background:#10a587}.status-error .status-icon{color:#fff;background:#cc5d64}.status-copy{flex:1}.status-copy strong{font:750 12px Manrope,sans-serif}.status-copy p{margin:3px 0 0;color:#7e8a9a;font-size:11px}.status-action{width:190px;display:grid;gap:7px}.ticket-code{border:1px dashed #52bda9;border-radius:8px;padding:6px;text-align:center;letter-spacing:1px;color:#11836f;font-weight:800;font-size:11px;background:#f3fffc}.connect-button{border:0;border-radius:9px;background:#142a3c;color:#fff;height:34px;font-size:10px;font-weight:700}.connect-button span{margin-left:7px}.connect-button:disabled{opacity:.65}.shell footer,.admin-wrap footer{display:flex;justify-content:space-between;color:#8c98a7;font-size:10px;padding:24px 3px 0}.shell footer a{color:#536b80;text-decoration:none;font-weight:700}.spinner{display:inline-block;vertical-align:middle;width:14px;height:14px;border:2px solid rgba(12,74,75,.18);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;margin-right:7px}@keyframes spin{to{transform:rotate(360deg)}}
.admin-body{background:#f4f7f9}.admin-wrap{max-width:1110px;padding:0 36px 35px;margin:0 auto}.admin-header{height:79px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9ef}.quiet-button{border:1px solid #e0e6ed;background:white;border-radius:9px;color:#647287;padding:8px 12px;font-size:11px}.admin-welcome{display:flex;justify-content:space-between;align-items:end;padding:34px 0 20px}.admin-welcome h1,.admin-login h1{font:800 27px Manrope,sans-serif;letter-spacing:-.9px;margin:7px 0 4px}.admin-welcome p,.admin-login>p{margin:0;color:#818c9c;font-size:12px}.admin-date{font-size:11px;color:#718096}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 16px}.admin-stats>div{padding:17px 18px;background:#fff;border:1px solid #e8edf2;border-radius:13px}.admin-stats small{display:block;color:#8a96a4;font-size:10px}.admin-stats strong{display:block;margin-top:5px;font:800 22px Manrope,sans-serif;color:#19283a}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-card{background:#fff;border:1px solid #e8edf2;border-radius:15px;padding:20px;margin-bottom:15px}.admin-card-head h2{font:750 15px Manrope,sans-serif;margin:0}.admin-card-head p{color:#929daa;font-size:10px;margin:4px 0 13px}.admin-list{border-top:1px solid #edf0f3}.admin-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid #f0f2f5;font-size:11px}.admin-row b{display:block;font-size:11px}.admin-row small,.table-scroll td small{display:block;color:#929eac;font-size:9px}.admin-row strong{font-size:11px}.admin-row em{font-style:normal;color:#138a76;background:#eaf8f5;border-radius:20px;padding:4px 7px;font-size:9px}.admin-details{margin-top:13px;border-top:1px solid #edf0f3;padding-top:12px}.admin-details summary{cursor:pointer;color:#188d79;font-size:11px;font-weight:750;list-style:none}.admin-form{display:grid;gap:10px;margin-top:12px}.admin-form label,.admin-login label{display:grid;gap:5px;color:#526075;font-size:10px;font-weight:650}.admin-form input,.admin-form select,.admin-login input{height:38px;width:100%;border:1px solid #e0e6ed;border-radius:8px;padding:0 10px;color:#28354a;background:#fff;font-size:11px;outline:none}.admin-form input:focus,.admin-form select:focus,.admin-login input:focus{border-color:#49bba8;box-shadow:0 0 0 3px rgba(73,187,168,.1)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.small-submit{height:37px;border:0;border-radius:8px;color:#083c39;background:#d3f5ed;font-size:10px;font-weight:800}.small-submit:disabled{opacity:.5}.admin-tip{margin-top:16px;padding:11px 12px;border-radius:9px;background:#f3f8fa}.admin-tip b{font-size:10px;color:#405468}.admin-tip p{font-size:10px;color:#7c8999;margin:4px 0 0}.orders-card{padding-bottom:6px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}th{text-align:left;color:#8793a2;font-size:9px;font-weight:700;padding:9px 9px;border-bottom:1px solid #edf0f3}td{padding:10px 9px;border-bottom:1px solid #f0f2f5;color:#425066}.pill{display:inline-flex;border-radius:20px;padding:4px 7px;font-size:9px;background:#f2f4f7;color:#758092}.pill-completed,.pill-connected,.pill-ticket_assigned{color:#13836f;background:#e7f8f4}.pill-pending,.pill-processing,.pill-awaiting_ticket,.pill-awaiting_payment{color:#9a6d08;background:#fff6df}.pill-failed,.pill-cancelled,.pill-refunded,.pill-payment_failed,.pill-payment_error,.pill-review_refund{color:#aa4950;background:#fff0f0}.notice,.alert{padding:10px 13px;border-radius:9px;font-size:11px;margin:0 0 12px}.notice{background:#e6f8f2;color:#11765f}.alert{background:#fff0f0;color:#ab414a}.admin-login{max-width:380px;margin:10vh auto;padding:30px;background:white;border:1px solid #e6ebf0;border-radius:19px;box-shadow:0 18px 50px rgba(25,44,62,.08)}.admin-login>.brand{color:#1d2b40;margin-bottom:32px}.admin-login form{display:grid;gap:14px;margin-top:23px}.admin-login .pay-button{margin-top:4px}
@media(max-width:800px){.shell{padding:0 22px 20px}.shell:before{height:480px}.topbar{height:72px}.hero{padding:39px 0 26px}.content-grid{grid-template-columns:1fr;gap:13px}.hero h1{font-size:42px}.plans-panel,.payment-panel{padding:20px}.payment-panel{padding-bottom:17px}.status-card{align-items:flex-start;flex-wrap:wrap}.status-action{width:100%;margin-left:48px;grid-template-columns:minmax(120px,1fr) minmax(160px,1.2fr)}.admin-wrap{padding:0 19px 25px}.admin-stats{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}.admin-welcome h1{font-size:22px}}
@media(max-width:420px){.shell{padding:0 14px 16px}.hero h1{font-size:37px}.hero>p{font-size:13px}.secure{font-size:10px}.brand{font-size:14px}.brand-mark{width:38px;height:38px}.plans-panel,.payment-panel{padding:17px 15px}.plan-card{padding:12px;min-height:112px}.plan-price{font-size:18px}.plan-meta{font-size:9px}.section-heading h2{font-size:14px}.operators{gap:7px}.operator{padding:0 7px;font-size:10px}.status-action{margin-left:0;grid-template-columns:1fr}.shell footer{gap:8px;align-items:flex-start;font-size:9px}.admin-row{gap:7px}.admin-row em{font-size:8px}.admin-login{margin:8vh 14px;padding:24px}}
.stock-and-toggle{display:flex;align-items:center;gap:6px}.stock-and-toggle form{display:inline}.toggle-plan{border:1px solid #e4eaef;border-radius:7px;background:#fff;color:#617085;padding:4px 6px;font-size:8px}