*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#02050d;--panel:#07101f;--panel2:#0b1628;--card:#0c182cdb;--line:#5582ff2e;--line2:#ffffff14;--text:#f8fbff;--muted:#8b9ab6;--blue:#2563ff;--cyan:#24d3ee;--green:#34d399;--purple:#7c3aed;--danger:#fb7185}#root,body,html{background:#02050d;background:var(--bg);min-height:100%}body{-webkit-font-smoothing:antialiased;color:#f8fbff;color:var(--text);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app-shell{background:radial-gradient(circle at 12% 0,#2563ff57,#0000 28%),radial-gradient(circle at 88% 12%,#7c3aed38,#0000 22%),linear-gradient(180deg,#02050d,#06101f 56%,#02050d);min-height:100vh;padding:22px}.dashboard-frame{background:#030812bd;border:1px solid #5582ff2e;border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 100px #00000073;display:grid;grid-template-columns:260px 1fr;margin:0 auto;max-width:1480px;min-height:760px;overflow:hidden}.sidebar{background:linear-gradient(180deg,#050c18eb,#040811bd);border-right:1px solid #ffffff14;border-right:1px solid var(--line2);display:flex;flex-direction:column;padding:26px 18px}.brand{align-items:center;display:flex;font-size:20px;font-weight:900;gap:12px;margin-bottom:34px}.brand-icon{background:linear-gradient(135deg,#2563ff,#24d3ee);background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:9px;box-shadow:0 10px 28px #2563ff59;display:grid;height:30px;place-items:center;width:30px}.nav-list{grid-gap:10px;display:grid;gap:10px}.nav-item{align-items:center;border-radius:14px;color:#a9b6cf;display:flex;font-size:14px;font-weight:700;gap:13px;height:54px;padding:0 16px}.nav-item.active{background:linear-gradient(90deg,#2563ff59,#7c3aed2e);border:1px solid #4a74ff38;color:#6ee7ff}.upgrade-card{background:linear-gradient(135deg,#2563ff29,#7c3aed3b);border:1px solid #7c3aed40;border-radius:18px;margin-top:auto;padding:18px}.upgrade-card h4{font-size:16px;margin-bottom:8px}.upgrade-card p{color:#8b9ab6;color:var(--muted);font-size:13px;line-height:1.45;margin-bottom:14px}.primary-btn,.upgrade-card button{background:linear-gradient(135deg,#2563ff,#24d3ee);background:linear-gradient(135deg,var(--blue),var(--cyan));border:0;border-radius:12px;box-shadow:0 14px 36px #2563ff47;color:#fff;cursor:pointer;font-weight:900}.upgrade-card button{height:42px;width:100%}.user-card{align-items:center;background:hsla(0,0%,100%,.045);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:16px;display:flex;gap:10px;margin-top:18px;padding:12px}.avatar{background:linear-gradient(135deg,#e0f2fe,#60a5fa);border-radius:12px;color:#07101f;display:grid;font-weight:900;height:38px;place-items:center;width:38px}.user-card strong{font-size:13px}.user-card span{color:#8b9ab6;color:var(--muted);display:block;font-size:11px;margin-top:2px}.content{padding:26px}.topbar{align-items:center;display:flex;gap:36px;justify-content:flex-end;margin-bottom:24px}.topbar a{color:#dce6ff;font-size:14px;font-weight:700;text-decoration:none}.top-actions{display:flex;gap:12px}.icon-btn{background:hsla(0,0%,100%,.045);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:14px;color:#dce6ff;display:grid;height:42px;place-items:center;width:42px}.hero-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 260px}.coverage-card,.flow-card,.hero-card,.metric-card,.overview-panel{background:linear-gradient(180deg,#0d1b34e6,#050d1bd1);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:22px;box-shadow:inset 0 1px #ffffff0a,0 18px 52px #00000047}.hero-card{min-height:250px;overflow:hidden;padding:36px;position:relative}.hero-card:after{background:radial-gradient(circle,#24d3ee3d,#0000 62%);content:"";filter:blur(4px);height:190px;position:absolute;right:36px;top:32px;width:260px}.hero-card h1{font-size:42px;letter-spacing:-.04em;line-height:1.04;margin-bottom:18px;max-width:420px}.gradient-text{background:linear-gradient(135deg,#3b82f6,#24d3ee,#34d399);-webkit-background-clip:text;background-clip:text;color:#0000}.hero-card p{color:#a6b4ce;line-height:1.65;margin-bottom:26px;max-width:430px}.search-row{display:flex;gap:0;max-width:520px}.search-row input{background:#020814b8;border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:14px 0 0 14px;color:#fff;flex:1 1;height:54px;outline:none;padding:0 18px}.search-row button{border-radius:0 14px 14px 0;width:130px}.helper-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.ghost-btn{background:hsla(0,0%,100%,.045);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:12px;color:#e8efff;font-weight:800;height:42px;padding:0 16px}.error-card{background:#fb71851f;border:1px solid #fb71854d;border-radius:14px;color:#fecdd3;font-weight:800;margin-top:16px;padding:14px}.coverage-card{overflow:hidden;padding:26px}.coverage-card h3{font-size:14px;margin-bottom:10px}.coverage-card strong{display:block;font-size:40px;letter-spacing:-.05em}.coverage-card p{color:#8b9ab6;color:var(--muted);font-size:14px;line-height:1.5;margin-top:8px}.world-dots{background:radial-gradient(circle at 20% 60%,#2563ff 1px,#0000 2px),radial-gradient(circle at 40% 40%,#24d3ee 1px,#0000 2px),radial-gradient(circle at 70% 55%,#2563ff 1px,#0000 2px);background-size:14px 14px;height:90px;margin-top:18px;opacity:.8}.overview-panel{margin-top:20px;padding:22px}.panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.panel-head h2{font-size:18px}.esim-overview{grid-gap:22px;align-items:center;background:#07101fc2;border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:18px;display:grid;gap:22px;grid-template-columns:1fr 210px 1fr;padding:22px}.provider-row{align-items:center;display:flex;gap:18px}.provider-logo{background:linear-gradient(135deg,#ff7a00,#ff4d00);border-radius:12px;display:grid;font-weight:900;height:64px;place-items:center;width:64px}.provider-row h3{font-size:18px;margin-bottom:9px}.badge{align-items:center;background:#34d3991f;color:#86efac;display:inline-flex;font-size:11px;font-weight:900;gap:7px;padding:5px 9px}.badge,.dot{border-radius:999px}.dot{background:currentColor;height:7px;width:7px}.muted{color:#8b9ab6;color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.date-grid{display:flex;gap:42px;margin-top:22px}.usage-ring{background:conic-gradient(#34d399 0 var(--pct),#24d3ee var(--pct) calc(var(--pct) + 22%),#ffffff1a 0);background:conic-gradient(var(--green) 0 var(--pct),var(--cyan) var(--pct) calc(var(--pct) + 22%),#ffffff1a 0);height:156px;margin:auto;place-items:center;width:156px}.ring-inner,.usage-ring{border-radius:50%;display:grid}.ring-inner{background:#07101f;border:1px solid #ffffff14;height:118px;place-items:center;text-align:center;width:118px}.ring-inner strong{font-size:29px}.usage-bars h4{font-size:28px;margin-bottom:4px}.usage-bars .bar{background:#ffffff1a;border-radius:999px;height:10px;margin:14px 0;overflow:hidden}.usage-bars .bar span{background:linear-gradient(90deg,#38bdf8,#34d399);border-radius:999px;display:block;height:100%;width:var(--pct)}.secondary-btn{background:#2563ff1f;border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:12px;color:#dce7ff;font-weight:900;height:44px;width:100%}.quick-panel{grid-gap:12px;display:grid;gap:12px}.quick-card{align-items:center;background:hsla(0,0%,100%,.045);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:14px;display:flex;height:66px;justify-content:space-between;padding:0 16px}.quick-card strong{font-size:13px}.quick-card span{color:#8b9ab6;color:var(--muted);display:block;font-size:11px;margin-top:3px}.flow-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:14px}.flow-card{min-height:210px;padding:20px}.flow-card h3{font-size:15px;margin-bottom:18px}.flow-card p{color:#8b9ab6;color:var(--muted);font-size:13px;line-height:1.5}.step-loader{background:conic-gradient(#24d3ee,#2563ff,#111827);border-radius:50%;display:grid;height:100px;margin:22px auto;place-items:center;width:100px}.step-loader span{background:#07101f;border:1px solid #ffffff14;border-radius:50%;display:grid;height:72px;place-items:center;width:72px}.package-option{align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:12px;display:flex;height:54px;justify-content:space-between;margin:10px 0;padding:0 14px}.package-option.active{background:#2563ff24;border-color:#2563ff}.trust-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:12px}.metric-card{align-items:center;display:flex;gap:14px;padding:18px}.metric-icon{background:#2563ff24;border-radius:16px;color:#24d3ee;display:grid;font-weight:900;height:46px;place-items:center;width:46px}.metric-card strong{font-size:14px}.metric-card span{color:#8b9ab6;color:var(--muted);display:block;font-size:12px;margin-top:4px}.mobile-shell{display:none}.loading-screen{display:grid;min-height:100vh;place-items:center}.loading-card{background:linear-gradient(180deg,#0d1b34e6,#050d1bd1);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:24px;padding:32px;text-align:center;width:min(420px,calc(100% - 32px))}.loading-orb{animation:spin 1.3s linear infinite;background:conic-gradient(#2563ff,#24d3ee,#34d399,#2563ff);height:116px;margin:0 auto 22px;place-items:center;width:116px}.loading-orb,.loading-orb span{border-radius:999px;display:grid}.loading-orb span{background:#07101f;height:82px;place-items:center;width:82px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:900px){.app-shell{padding:0}.dashboard-frame{display:none}.mobile-shell{background:radial-gradient(circle at 20% 0,#2563ff47,#0000 33%),linear-gradient(180deg,#02050d,#06101f 55%,#02050d);display:block;min-height:100vh;padding:18px 16px 96px}.mobile-top{justify-content:space-between;margin-bottom:22px}.mobile-brand,.mobile-top{align-items:center;display:flex}.mobile-brand{font-weight:900;gap:10px}.mobile-card{background:linear-gradient(180deg,#0d1b34e6,#050d1bd1);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:18px;margin-bottom:18px;padding:18px}.mobile-card h1{font-size:22px;line-height:1.1;margin-bottom:10px}.mobile-card p{color:#8b9ab6;color:var(--muted);font-size:13px;line-height:1.55}.mobile-search{display:flex;gap:8px;margin-top:16px}.mobile-search input{background:#020814b8;border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:12px;color:#fff;flex:1 1;font-size:14px;height:48px;outline:none;padding:0 12px}.mobile-search button{border-radius:12px;width:72px}.mobile-actions{display:flex;gap:10px;margin-top:12px}.mobile-actions button{background:hsla(0,0%,100%,.055);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:12px;color:#dce7ff;flex:1 1;font-weight:800;height:42px}.mobile-title{font-size:16px;margin:12px 0}.mobile-esim{background:#091324e0;border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:18px;padding:16px}.mobile-provider{align-items:center;display:flex;justify-content:space-between}.mobile-provider-left{align-items:center;display:flex;gap:12px}.mini-logo{background:linear-gradient(135deg,#ff7a00,#ff4d00);border-radius:10px;height:40px;width:40px}.mobile-usage{margin:18px 0}.mobile-usage strong{font-size:22px}.mobile-usage .bar{background:#ffffff1a;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.mobile-usage .bar span{background:linear-gradient(90deg,#38bdf8,#34d399);border-radius:999px;display:block;height:100%;width:var(--pct)}.mobile-quick{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.mobile-quick button{background:hsla(0,0%,100%,.045);border:1px solid #ffffff14;border:1px solid var(--line2);border-radius:16px;color:#fff;font-weight:800;height:82px}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030812eb;border-top:1px solid #ffffff14;border-top:1px solid var(--line2);bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:76px;left:0;position:fixed;right:0;z-index:20}.bottom-nav button{background:#0000;border:0;color:#7786a3;font-size:11px;font-weight:800}.bottom-nav button.active{color:#3b82ff}}
/*# sourceMappingURL=main.aec4ab72.css.map*/