:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--bg: #eef4f7;--surface: #ffffff;--surface-soft: #f3fbfc;--text: #102432;--muted: #4b6372;--line: #c8d9e2;--brand: #00a3a3;--brand-2: #0a6cf1;--brand-soft: #e6f7ff;--gold: #f2a64a;--accent: #87d7ff;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--shadow: 0 10px 24px rgba(38, 26, 10, .09)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{font-family:Avenir Next,Trebuchet MS,sans-serif;color:var(--text);overscroll-behavior-y:none;overflow-x:hidden;background:radial-gradient(circle at 8% 10%,#dbf7ff 0,transparent 24%),radial-gradient(circle at 92% 88%,#d3e5ff 0,transparent 26%),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}.mobile-root{min-height:100dvh;display:grid;justify-items:center;padding:max(10px,var(--safe-top)) max(10px,var(--safe-right)) calc(96px + var(--safe-bottom)) max(10px,var(--safe-left))}.desktop-nav{display:none}.mobile-topbar{width:min(calc(100% - (var(--safe-left) + var(--safe-right))),1240px);margin-top:4px;border:1px solid #c8d9e2;border-radius:16px;background:#fafefff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:14px;position:sticky;top:max(6px,var(--safe-top));z-index:35}.mobile-menu-btn{border:1px solid #c1d6e4;background:#f4fbff;border-radius:10px;font-size:1.2rem;padding:4px 10px}.mobile-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;border:1px solid #c8d9e2;background:#fff;border-radius:12px;box-shadow:0 12px 30px #1024322e;padding:6px;display:grid;gap:3px}.mobile-menu-link{border-radius:8px;padding:8px 10px;font-weight:700}.mobile-menu-link-active{background:#dff3fb;color:#0b3e58}.mobile-screen{width:min(100%,900px);min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));background:linear-gradient(180deg,#f8fcff,#edf4f8);overflow-x:clip}.page{padding:22px 16px;padding-bottom:calc(22px + var(--safe-bottom));display:grid;gap:14px}.home-page{gap:18px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.6rem,3.4vw,2.2rem)}h2{font-size:clamp(1.2rem,2.8vw,1.6rem)}.muted{color:var(--muted)}.top-strip{display:flex;justify-content:space-between;align-items:center;gap:8px}.home-section{display:grid;gap:10px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.section-head p{font-size:.95rem}.carousel-controls{display:none;align-items:center;gap:8px}.carousel-controls button{width:34px;height:34px;border-radius:999px;border:1px solid #b9cdd9;background:#f8fdff;color:#1b3d52;font-size:1.2rem;line-height:1;cursor:pointer}.carousel-wrap{position:relative}.carousel-wrap:before,.carousel-wrap:after{content:"";position:absolute;top:0;bottom:8px;width:32px;z-index:2;pointer-events:none}.home-card-grid{display:grid;gap:12px;grid-template-columns:1fr}.country-home-grid .country-card,.region-home-grid .region-card{width:100%}.carousel-wrap:before{left:0;background:linear-gradient(90deg,#edf4f8,#edf4f800)}.carousel-wrap:after{right:0;background:linear-gradient(270deg,#edf4f8,#edf4f800)}.wallet{border:2px solid #59c7be;border-radius:999px;padding:7px 12px;font-weight:800;background:linear-gradient(180deg,#ecfffe,#d9fbf7)}.search-wrap{background:#f5fbff;border:2px solid #a9bfcd;border-radius:22px;padding:10px 14px;display:flex;gap:8px;align-items:center}.search-wrap input{width:100%;border:none;background:transparent;outline:none;font-weight:700;font-size:16px}.stack-list,.country-grid,.region-grid,.plan-grid,.esim-grid{display:grid;gap:10px}.h-scroll{display:flex;gap:12px;overflow-x:auto;padding:2px 6px 10px 2px;scroll-snap-type:x mandatory;scroll-padding-left:2px;-webkit-overflow-scrolling:touch}.h-scroll>*{flex:0 0 auto;scroll-snap-align:start}.h-scroll::-webkit-scrollbar{height:8px}.h-scroll::-webkit-scrollbar-thumb{background:#b8c9d5;border-radius:999px}.country-grid-scroll .country-card{width:clamp(270px,32vw,380px)}.region-grid-scroll .region-card{width:clamp(260px,30vw,360px)}.country-card,.region-card,.summary-card,.plan-card,.esim-card,.global-card,.pay-method{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.country-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:linear-gradient(160deg,#fff,#f5fbff 74%);width:100%}.country-card h3{font-size:1.12rem}.country-card p{color:var(--muted);font-size:.92rem;margin-top:4px}.favorite-btn{border:0;width:34px;height:34px;border-radius:999px;background:#eef4fb;font-size:1.2rem;color:#6b7f8f;cursor:pointer}.favorite-btn.active{color:#fff;background:linear-gradient(130deg,#ff6e66,#e84461)}.region-card{text-align:left;padding:16px;min-height:120px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:linear-gradient(150deg,#fff,#f7fbff 80%)}.region-card p{color:var(--muted);margin:6px 0}.region-card strong{font-size:1rem}.global-card{padding:20px;background:radial-gradient(circle at 95% 10%,rgba(255,210,127,.44) 0,transparent 30%),radial-gradient(circle at 8% 92%,rgba(135,215,255,.35) 0,transparent 32%),linear-gradient(128deg,#eaf7ff,#f8fffd 46%,#f0f6ff);cursor:pointer;display:grid;gap:10px;width:100%}.global-card p{color:var(--muted);margin:0}.global-card-head{display:grid;gap:4px}.global-kicker{width:fit-content;padding:4px 10px;border-radius:999px;background:#fffc;border:1px solid #ccdfeb;color:#2c566e;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.global-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.global-meta strong{font-size:1.35rem}.global-meta span{font-size:.86rem;font-weight:700;color:#36586d}.summary-card{padding:16px;display:grid;gap:6px}.summary-card p{color:var(--muted)}.plan-card{padding:14px;display:flex;justify-content:space-between;align-items:center;min-height:68px}.plan-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px #00a3a338}.selector-row{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-md);background:#ddeaf4;padding:4px}.selector-row button{border:0;background:transparent;border-radius:10px;padding:10px;font-weight:700}.selector-row button.active{background:#143347;color:#fff}.primary-btn,.secondary-btn{border:0;border-radius:999px;padding:12px 14px;font-weight:800;cursor:pointer}.primary-btn{background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#f6fbff}.secondary-btn{background:#eff6fb;border:2px solid #b4c8d6}.pay-method{text-align:left;padding:12px;cursor:pointer}.pay-method.active{border-color:var(--brand);box-shadow:0 0 0 3px #0a6cf11f}.qr{width:min(280px,100%);border-radius:12px;border:1px solid var(--line)}.esim-card{padding:14px;display:grid;gap:4px;cursor:pointer}.esim-card p{color:var(--muted)}.usage-progress{width:100%;background:#dbe9f3;border-radius:999px;height:10px;overflow:hidden}.usage-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#00a3a3,#0a6cf1)}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(0px,var(--safe-bottom));width:min(calc(100% - (var(--safe-left) + var(--safe-right))),900px);background:color-mix(in srgb,#eaf3fa 84%,white 16%);border-top:1px solid #c6d8e3;display:grid;padding:10px 10px calc(16px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav.four-tabs{grid-template-columns:repeat(4,1fr)}.bottom-link{display:grid;justify-items:center;gap:4px;padding:6px 4px;font-weight:700;border-radius:10px}.bottom-link-active{border-bottom:3px solid var(--brand);background:#eaf8ffe6}.checkout-layout,.profile-grid{display:grid;gap:12px}.load-more-btn{margin-top:10px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080a59;display:grid;align-items:end;z-index:90}.sheet{background:#f3f1ee;border-radius:24px 24px 0 0;padding:16px 16px calc(22px + var(--safe-bottom));display:grid;gap:10px}.sheet-close{justify-self:end;width:36px;height:36px;border-radius:50%;border:0}.sheet-tabs{display:grid;grid-template-columns:1fr 1fr}.sheet-tabs button{border:0;border-bottom:2px solid #9ea5af;padding:10px;background:transparent;font-weight:700}.sheet-tabs button.active{border-color:#111}.sheet-form{display:grid;gap:10px}.sheet-form input{border-radius:12px;border:2px solid #c1c7cf;padding:11px 12px}.auth-page{min-height:100dvh;display:grid;align-content:center;justify-items:center;padding:20px 16px;background:linear-gradient(180deg,#0f3955,#1f6b95 46%,#c8edf8)}.auth-card{width:min(100%,520px);background:#f3f1ee;border-radius:24px;padding:18px;display:grid;gap:12px}.auth-header{display:grid;gap:6px}.social-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-row button{border-radius:999px;border:2px solid #c1c7cf;padding:10px;background:#fff}.text-btn{border:0;background:transparent;text-decoration:underline;justify-self:start}.splash-page{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:12px;background:linear-gradient(170deg,#0e2d44,#17688f 48%,#53b6cc)}.splash-logo{font-size:clamp(2.5rem,7vw,4.4rem);font-weight:900;color:#ecfdff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 8px 30px rgba(0,0,0,.24)}.loader{width:42px;height:42px;border-radius:50%;border:5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome-page{min-height:100vh;background:linear-gradient(180deg,#0f3955,#1f6b95 46%,#c8edf8);display:grid;align-content:center;gap:14px;padding:32px 18px;color:#ecfbff}.hero-badge{width:fit-content;background:#6ef0c8;color:#073039;padding:7px 10px;border-radius:999px;font-weight:800}.welcome-page ul{margin:0;padding-left:20px;display:grid;gap:6px;color:#e8f7ff}@media(hover:hover){.country-card:hover,.region-card:hover,.global-card:hover,.esim-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #261a0a24}.primary-btn:hover{filter:brightness(1.05)}.secondary-btn:hover,.pay-method:hover{background:#f7fcff}.desktop-link:hover{background:#e9f5fb}}@media(min-width:768px){.page{padding:28px 24px;gap:16px}.mobile-screen{width:min(100%,1080px)}.country-grid,.region-grid,.plan-grid,.esim-grid,.home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-layout{grid-template-columns:1.4fr 1fr;align-items:start}.checkout-summary-sticky{position:sticky;top:24px}.profile-grid{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);align-items:start}}@media(min-width:1024px){.mobile-topbar{display:none}.desktop-nav{position:sticky;top:0;z-index:30;display:block;width:min(calc(100% - (var(--safe-left) + var(--safe-right))),1240px);margin-top:4px}.desktop-nav-inner{border:1px solid #c8d9e2;border-radius:16px;background:#fafefff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px}.desktop-brand{font-size:1.05rem;letter-spacing:.02em}.desktop-nav-links{display:flex;align-items:center;gap:8px}.desktop-link{border-radius:10px;padding:8px 12px;font-weight:700}.desktop-link-active{background:#dff3fb;color:#0b3e58}.desktop-dropdown{position:relative}.desktop-dropdown button{border:0;background:transparent}.desktop-dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:190px;background:#fff;border:1px solid #c8d9e2;border-radius:12px;padding:6px;box-shadow:0 12px 30px #1024322e;display:none}.desktop-dropdown-menu a{display:block;padding:8px 10px;border-radius:8px}.desktop-dropdown-menu a:hover{background:#ecf7fc}.desktop-dropdown:hover .desktop-dropdown-menu{display:block}.mobile-root{padding-top:max(16px,var(--safe-top))}.mobile-screen{width:min(100%,1240px);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.page{max-width:1200px;margin:0 auto;padding:30px}.home-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-controls{display:inline-flex}.country-grid,.region-grid,.esim-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav{display:none}}@media(min-width:920px){.bottom-nav{border-radius:0 0 28px 28px}}.admin-root{min-height:100dvh;display:grid;grid-template-columns:260px 1fr;background:#eef2f6;color:#111827}.admin-sidebar{background:#0f172a;color:#e2e8f0;padding:18px 14px;display:grid;align-content:start;gap:16px}.admin-sidebar header{display:flex;align-items:center;justify-content:space-between}.admin-close{display:none;border:0;background:transparent;color:#e2e8f0;font-size:1.3rem}.admin-sidebar nav{display:grid;gap:6px}.admin-link{border-radius:10px;padding:10px 12px;color:#cbd5e1}.admin-link.active{color:#fff;background:#1e293b}.admin-main{min-width:0;display:grid;grid-template-rows:auto 1fr}.admin-topbar{position:sticky;top:0;z-index:20;background:#f8fafc;border-bottom:1px solid #cbd5e1;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-topbar-left{display:flex;align-items:center;gap:10px}.admin-topbar-left p{color:#64748b;font-size:.9rem}.admin-menu{border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:6px 10px;display:none}.admin-topbar-right{display:flex;align-items:center;gap:10px}.admin-topbar-right input{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:220px}.admin-pill{border-radius:999px;background:#e2e8f0;padding:7px 12px;font-weight:700}.admin-content{padding:16px}.admin-page{display:grid;gap:14px}.admin-panel{border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:14px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px}.kpi-card{border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:12px}.kpi-card p{color:#64748b;font-size:.86rem}.kpi-card h3{margin-top:4px;font-size:1.35rem}.admin-search{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff}.admin-table-wrap{overflow-x:auto;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.admin-table{width:100%;border-collapse:collapse;min-width:980px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px 12px;vertical-align:top}.admin-table th{position:sticky;top:0;background:#f8fafc;z-index:1;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.status-pill{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid #cbd5e1;font-size:.82rem;font-weight:700}.tone-ok{color:#047857;background:#ecfdf5;border-color:#6ee7b7}.tone-warn{color:#b45309;background:#fffbeb;border-color:#fcd34d}.tone-muted{color:#334155;background:#f8fafc}.toggle-switch{width:44px;border:1px solid #cbd5e1;border-radius:999px;background:#e2e8f0;padding:3px;display:inline-flex;justify-content:flex-start}.toggle-switch span{width:16px;height:16px;border-radius:50%;background:#fff}.toggle-switch.checked{background:#0ea5e9;justify-content:flex-end}.inline-price-editor{display:flex;align-items:center;gap:6px}.inline-price-editor input{width:80px;border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px}.inline-price-editor button{border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:6px 8px}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:grid;justify-items:end;z-index:40}.detail-drawer{width:min(420px,95vw);background:#fff;height:100vh;border-left:1px solid #cbd5e1;display:grid;grid-template-rows:auto 1fr}.detail-drawer header{padding:12px 14px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between}.detail-drawer header button{border:0;background:transparent;font-size:1.2rem}.drawer-content{padding:14px;display:grid;gap:10px}.drawer-content ul{margin:0;padding-left:18px}.chart-card{border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:14px}.line-chart{width:100%;height:200px;color:#0ea5e9;background:linear-gradient(180deg,#f8fbff,#fff);border-radius:8px}.chart-labels{display:flex;justify-content:space-between;margin-top:8px;color:#64748b;font-size:.8rem}.bars{height:220px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px}.bar-col{display:grid;justify-items:center;gap:6px;height:100%}.bar{width:18px;background:linear-gradient(180deg,#38bdf8,#0284c7);border-radius:10px 10px 4px 4px}.bar-col span{color:#64748b;font-size:.8rem}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.mini-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0}.admin-form{border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:12px;display:grid;gap:8px}.admin-form input,.admin-form select{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px}.pagination-row{display:flex;align-items:center;justify-content:center;gap:10px}.empty-panel{border:1px dashed #94a3b8;border-radius:12px;padding:14px;background:#f8fafc}.admin-denied{min-height:100vh;display:grid;place-content:center;gap:10px;justify-items:center;text-align:center;background:#f8fafc;padding:20px}@media(max-width:1080px){.admin-root{grid-template-columns:1fr}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:260px;transform:translate(-102%);transition:transform .2s ease;z-index:50}.admin-sidebar.open{transform:translate(0)}.admin-close,.admin-menu{display:inline-block}.admin-topbar-right input{width:150px}.kpi-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.analytics-grid{grid-template-columns:1fr}}