:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f6;--surface:#fff;--surface-strong:#eef5f2;--text:#15201d;--muted:#62706b;--line:#dbe6e2;--accent:#0f766e;--accent-dark:#0b5f59;--blue:#2563eb;--amber:#b7791f;--red:#b42318;--green:#047857;--shadow:0 14px 40px #1a2f2b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100vw;min-height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{overflow-wrap:anywhere;max-width:100%;margin:0}.logo{align-items:center;gap:10px;min-width:0;font-size:18px;font-weight:800;display:inline-flex}.btn,.icon-btn{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:700;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:disabled,.icon-btn:disabled{cursor:not-allowed;opacity:.6}.btn:not(:disabled):hover,.icon-btn:not(:disabled):hover{transform:translateY(-1px)}.btn-md{padding:11px 16px}.btn-sm{min-height:34px;padding:8px 11px;font-size:13px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{color:var(--accent-dark);background:#e6f3ef}.btn-ghost{color:var(--text);background:#f4f7f6}.btn-danger{color:var(--red);background:#fff0ee}.icon-btn{border:1px solid var(--line);width:40px;color:var(--text);background:#fff;padding:0}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.public-page{width:min(1180px,100vw - 32px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:18px;min-height:78px;display:flex}.site-header nav{color:var(--muted);align-items:center;gap:10px;font-weight:700;display:flex}.site-header nav a{overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;min-width:0;padding:9px 11px;display:inline-flex}.site-header nav a:hover,.header-cta{color:var(--text);background:#fff}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,470px);align-items:center;gap:44px;min-height:calc(100vh - 130px);padding:34px 0 70px;display:grid}.hero-copy{gap:22px;min-width:0;max-width:720px;display:grid}.eyebrow{color:var(--accent-dark);text-transform:uppercase;font-size:13px;font-weight:800}.hero h1{overflow-wrap:anywhere;word-break:break-word;font-size:clamp(42px,7vw,78px);line-height:.98}.hero p{color:var(--muted);max-width:660px;font-size:19px;line-height:1.6}.hero-actions,.row-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted-link{color:var(--muted);font-weight:700}.hero-visual{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:28px;position:relative}.hero-visual img{width:100%}.phone-preview{color:#fff;background:#10231f;border-radius:8px;gap:8px;width:min(250px,100% - 36px);padding:18px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 18px 35px #0000002e}.phone-preview span{color:#c7ded8;font-size:13px}.phone-preview strong{font-size:20px}.landing-section{padding:62px 0}.muted-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;width:100vw;margin-left:calc(50% - 50vw);padding-left:max(16px,50vw - 590px);padding-right:max(16px,50vw - 590px)}.section-heading{gap:8px;margin-bottom:22px;display:grid}.section-heading h2,.panel-header h2{font-size:28px}.tile-grid,.catalog-grid,.country-grid,.stats-grid,.gateway-grid,.amount-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;display:grid}.service-tile,.step,.pick-card,.country-card,.gateway-card,.stat,.panel,.activation-detail,.checkout-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.service-tile{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:72px;padding:18px;font-weight:800;display:grid}.country-cloud{flex-wrap:wrap;gap:10px;display:flex}.country-cloud span{background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:700}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.step{gap:10px;min-height:132px;padding:18px;display:grid}.step span{color:var(--accent);font-weight:900}.faq-list{gap:10px;display:grid}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.faq-list summary{cursor:pointer;align-items:center;gap:10px;font-weight:800;display:flex}.faq-list p{color:var(--muted);margin-top:12px;line-height:1.6}.footer{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:34px 0 44px;display:flex}.auth-page,.admin-login{grid-template-columns:minmax(0,1fr) minmax(320px,450px);align-items:center;gap:44px;width:min(1040px,100vw - 32px);min-height:100vh;margin:0 auto;padding:36px 0;display:grid}.admin-login{grid-template-columns:minmax(320px,480px);justify-content:center}.auth-brand,.admin-login-card{gap:20px;min-width:0;display:grid}.auth-brand h1,.admin-login-card h1{font-size:clamp(34px,6vw,58px);line-height:1}.auth-brand p,.admin-login-card p{color:var(--muted);font-size:18px;line-height:1.6}.auth-card,.admin-login-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:28px}.auth-form{gap:14px;display:grid}.auth-footer{color:var(--accent-dark);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px;font-weight:800;display:flex}.field{color:var(--muted);gap:7px;min-width:0;font-size:14px;font-weight:700;display:grid}.field input,.field select,.search-box input,.promo-line input{border:1px solid var(--line);width:100%;min-width:0;min-height:42px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px}.field input:focus,.field select:focus,.search-box input:focus,.promo-line input:focus{border-color:var(--accent);outline:2px solid #0f766e33}.field-error{color:var(--red)}.notice{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.45;display:flex}.notice-error{color:var(--red);background:#fff8f6;border-color:#ffd0ca}.notice-success{color:var(--green);background:#f2fbf6;border-color:#bfe8d2}.loader{min-height:160px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-weight:700;display:flex}.forbidden{align-content:center;gap:22px;width:min(720px,100vw - 32px);min-height:100vh;margin:0 auto;display:grid}.forbidden section{border:1px solid var(--line);background:#fff;border-radius:8px;gap:16px;padding:28px;display:grid}.app-shell{grid-template-columns:260px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.desktop-sidebar,.app-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:20px;padding:22px 16px;display:flex}.sidebar-head{gap:8px;min-width:0;display:grid}.sidebar-head span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.side-nav{gap:4px;display:grid}.side-nav a,.side-logout{width:100%;min-height:40px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-weight:800;display:flex}.side-nav a.active,.side-nav a:hover,.side-logout:hover{color:var(--text);background:var(--surface-strong)}.side-logout{margin-top:auto}.app-main{min-width:0;padding:28px}.content-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.content-header h1{font-size:34px;line-height:1.1}.header-balance{border:1px solid var(--line);background:#fff;border-radius:8px;gap:4px;min-width:160px;padding:12px 14px;display:grid}.header-balance span,.stat p,.detail-grid span,.number-box span,.sms-box span{color:var(--muted);font-size:13px;font-weight:800}.header-balance strong,.stat strong{font-size:22px}.page-stack{gap:18px;min-width:0;display:grid}.panel,.activation-detail,.checkout-panel{min-width:0;padding:20px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-header a{color:var(--accent-dark);font-weight:800}.stat{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;min-height:108px;padding:18px;display:grid;position:relative}.stat .btn{grid-column:1/-1;justify-self:start}.stat-icon{background:var(--surface-strong);width:38px;height:38px;color:var(--accent-dark);border-radius:8px;place-items:center;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:0 12px;display:flex}.search-box input{border:0;padding-left:0}.pick-card,.country-card,.gateway-card,.amount-grid button{border:1px solid var(--line);cursor:pointer;text-align:left;min-height:98px;color:var(--text);gap:7px;padding:16px;display:grid}.pick-card.selected,.country-card.selected,.gateway-card.selected,.amount-grid button.selected{border-color:var(--accent);background:#f2fbf8;outline:2px solid #0f766e24}.service-grid{scrollbar-gutter:stable;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;max-height:390px;padding:2px 6px 2px 2px;display:grid;overflow-y:auto}.service-option{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:58px;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px 10px;transition:border-color .16s,background .16s,transform .16s;display:grid}.service-option:hover{border-color:var(--accent);transform:translateY(-1px)}.service-option.selected{border-color:var(--accent);background:#f2fbf8;box-shadow:0 0 0 2px #0f766e1f}.service-option-icon{width:30px;height:30px;color:var(--accent-dark);background:var(--surface-strong);border-radius:8px;place-items:center;display:grid}.service-option-copy{gap:3px;min-width:0;display:grid}.service-option-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-option-copy small{color:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:800}.service-option-check{color:var(--accent-dark);text-align:center;font-size:17px;font-weight:900}.pick-card span,.country-card small,.gateway-card span{color:var(--muted)}.country-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.flag{color:var(--accent-dark);font-weight:900}.checkout-panel{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:18px;display:grid}.promo-line{gap:10px;min-width:0;margin-top:18px;display:flex}.total-box{border:1px solid var(--line);background:#f7faf9;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px 14px;padding:16px;display:grid}.total-box .btn{grid-column:1/-1}.activation-list,.tx-list{gap:10px;display:grid}.activation-card,.tx-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:74px;padding:14px;display:grid}.activation-card:hover{border-color:var(--accent)}.activation-card div,.tx-row div{gap:4px;min-width:0;display:grid}.activation-card span,.tx-row span{color:var(--muted);overflow-wrap:anywhere}.code-pill,.status{min-height:28px;color:var(--accent-dark);white-space:nowrap;background:#eef5f2;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.status-paid,.status-completed,.status-sms_received,.status-active{color:var(--green);background:#eefbf4}.status-waiting_sms,.status-invoice_created,.status-pending{color:var(--amber);background:#fff7e8}.status-cancelled,.status-refunded,.status-failed,.status-provider_failed,.status-blocked,.status-gateway_not_configured{color:var(--red);background:#fff0ee}.activation-detail{gap:18px;display:grid}.activation-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.number-box,.sms-box{border:1px solid var(--line);border-radius:8px;gap:8px;min-width:0;padding:18px;display:grid}.number-box strong,.sms-box strong{overflow-wrap:anywhere;font-size:clamp(24px,7vw,40px)}.sms-box p{color:var(--muted);overflow-wrap:anywhere}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;display:grid}.detail-grid>div{border:1px solid var(--line);background:#f7faf9;border-radius:8px;align-content:center;gap:6px;min-width:0;min-height:76px;padding:14px;display:grid}.detail-grid strong{overflow-wrap:anywhere}.tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:10px 13px;font-weight:800}.tabs button.active{border-color:var(--accent);color:var(--accent-dark)}.amount-grid button{text-align:center;justify-content:center;min-height:56px;font-weight:900}.gateway-card.readonly{cursor:default}.copy-line{align-items:center;gap:10px;min-width:0;display:flex}.copy-line code,.json-box,.table-wrap code{border:1px solid var(--line);overflow-wrap:anywhere;background:#f4f7f6;border-radius:8px;padding:10px}.copy-line code{flex:1;min-width:0}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 10px}th{color:var(--muted);text-transform:uppercase;font-size:12px}td{overflow-wrap:anywhere}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7faf9}.table-actions{flex-wrap:wrap;gap:6px;display:flex}.money-pos{color:var(--green);font-weight:900}.money-neg{color:var(--red);font-weight:900}.empty{text-align:center;min-height:120px;color:var(--muted);place-items:center;gap:4px;display:grid}.empty p{color:var(--text);font-weight:900}.mobile-topbar,.drawer-backdrop,.drawer-close,.app-sidebar{display:none}.back-link{color:var(--accent-dark);align-items:center;gap:8px;font-weight:900;display:inline-flex}.narrow-panel{max-width:560px}.check-line{color:var(--text);align-items:center;gap:10px;font-weight:800;display:flex}.json-box{white-space:pre-wrap;max-width:100%;overflow-x:auto}@media (width<=980px){.hero,.auth-page{grid-template-columns:1fr}.hero{min-height:auto;padding-top:16px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{display:block}.desktop-sidebar{display:none}.mobile-topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f7f6f2;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;height:58px;padding:8px 12px;display:grid;position:sticky;top:0}.mobile-topbar strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-backdrop.show{z-index:40;background:#00000052;display:block;position:fixed;inset:0}.app-sidebar{z-index:50;width:min(300px,86vw);transition:transform .18s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-104%);box-shadow:18px 0 30px #0000001f}.app-sidebar.show{transform:translate(0)}.drawer-close{justify-content:flex-end;display:flex}.app-main{padding:16px}.content-header{align-items:flex-start}}@media (width<=760px){.site-header{flex-direction:column;align-items:flex-start;padding:14px 0}.site-header nav{grid-template-columns:1fr;gap:6px;width:100%;display:grid}.site-header nav a{text-align:center;padding:9px 6px;font-size:13px}.public-page{width:min(300px,100vw - 24px);margin-left:12px;margin-right:auto}.hero{gap:24px;padding-bottom:44px}.hero p{font-size:16px}.hero h1,.auth-brand h1,.admin-login-card h1{font-size:28px;line-height:1.08}.hero-copy,.auth-brand,.admin-login-card,.panel,.checkout-panel,.activation-detail{width:100%;max-width:calc(100vw - 24px)}.hero-copy p,.auth-brand p,.admin-login-card p{font-size:15px;line-height:1.55}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .muted-link{text-align:center}.hero-visual{padding:14px}.phone-preview{width:100%;margin-top:12px;position:static}.steps,.two-column,.checkout-panel{grid-template-columns:1fr}.content-header{display:none}.stats-grid,.catalog-grid,.country-grid,.gateway-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px}.activation-card,.tx-row{grid-template-columns:1fr;align-items:start}.promo-line,.copy-line,.footer{flex-direction:column;align-items:stretch}.row-actions{width:100%}.row-actions .btn{flex:140px}.auth-page,.admin-login{width:min(300px,100vw - 24px);margin-left:12px;margin-right:auto;padding:18px 0}.muted-band{width:100vw;margin-left:-12px;padding-left:12px;padding-right:12px}.auth-card,.admin-login-card,.panel,.activation-detail,.checkout-panel{padding:16px}table,thead,tbody,tr,th,td{min-width:0;display:block}thead{display:none}tr{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:10px;padding:10px}td{border:0;grid-template-columns:minmax(95px,38%) minmax(0,1fr);gap:10px;padding:8px 4px;display:grid}td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.table-wrap{overflow-x:visible}}@media (width<=360px){.app-main{padding:12px}.section-heading h2,.panel-header h2,.content-header h1{font-size:23px}.btn,.header-balance{width:100%}}