:root{font-family:Roboto,sans-serif;color:#111827;background:radial-gradient(circle at top left,rgba(119,175,255,.24),transparent 28%),radial-gradient(circle at bottom right,rgba(172,214,255,.32),transparent 24%),linear-gradient(180deg,#d8e9ff,#edf4ff 42%,#f5f8fe)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,select{font:inherit}button{border:0;background:none;cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.ambient{position:absolute;width:420px;height:420px;border-radius:999px;filter:blur(24px);opacity:.5}.ambient-left{top:-80px;left:-120px;background:#60a5fa57}.ambient-right{right:-120px;bottom:-80px;background:#7dd3fc5c}.phone{width:min(100%,420px);height:min(92vh,860px);background:#0a0f16;border-radius:38px;padding:12px;box-shadow:0 26px 70px #14253f47,inset 0 0 0 1px #ffffff14;position:relative}.phone-top{position:absolute;inset:18px auto auto 50%;transform:translate(-50%);width:116px;height:28px;border-radius:20px;background:#070b10;z-index:3}.screen{background:#f6f9ff;border-radius:28px;height:100%;overflow:hidden;display:flex;flex-direction:column}.status-bar,.top-bar,.bottom-nav{display:flex;align-items:center;justify-content:space-between;padding:0 20px}.status-bar{height:38px;padding-top:12px;font-size:13px;color:#26374d}.status-icons{display:flex;gap:12px}.top-bar{height:56px;color:#10213a}.top-bar-title{font-size:22px;font-weight:500}.icon-button{width:36px;height:36px;border-radius:18px;color:inherit}.icon-button:disabled{opacity:.28;cursor:default}.content{flex:1;overflow:auto;padding:0 16px 12px}.screen-page{display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.search-pill,.list-card,.hero-card,.sim-card,.primary-button,.secondary-button{border-radius:24px}.search-pill{height:52px;display:flex;align-items:center;padding:0 18px;background:#e7effb;color:#5f7089}.hero-card{background:linear-gradient(180deg,#fff,#eef4ff);padding:20px;box-shadow:inset 0 0 0 1px #8facd52e;display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-card.compact{padding:18px 20px}.warning-card{background:linear-gradient(180deg,#fff7f5,#ffe8e2)}.hero-card h1,.sim-card h3{margin:4px 0;font-size:28px;line-height:1.1}.hero-card p,.sim-card p{margin:0;color:#66778f}.eyebrow{color:#5878a3;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.hero-stats{display:flex;gap:18px}.hero-stats div{min-width:68px;display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-size:22px}.hero-stats span{color:#66778f;font-size:13px}.settings-group h2{margin:6px 8px 8px;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:#60718b}.list-card{background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px #8facd529}.settings-row,.app-row,.network-main,.selector-row,.info-row,.usage-row{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px}.settings-row,.app-row{text-align:left}.settings-row+.settings-row,.app-row+.app-row,.selector-row+.selector-row,.info-row+.info-row,.usage-row+.usage-row,.network-row+.network-row{border-top:1px solid #edf2fb}.settings-row.static{cursor:default}.settings-icon,.app-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#e7effb;color:#2e4f7d;font-weight:700;flex-shrink:0}.app-icon.large{width:56px;height:56px;font-size:18px}.settings-copy{display:flex;flex-direction:column;min-width:0;flex:1}.settings-copy strong{font-size:16px;font-weight:500}.settings-copy small{color:#657791;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chevron{color:#7c90af;font-size:24px}.switch{width:48px;height:30px;border-radius:999px;background:#d8e2f0;padding:4px;transition:background .2s ease;flex-shrink:0}.switch span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #172b462e;transition:transform .2s ease}.switch.on{background:#6ea3ff}.switch.on span{transform:translate(18px)}.network-row{display:flex;align-items:center}.network-main{flex:1;text-align:left}.wifi-strength,.wifi-badge{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#e7effb;color:#315286;flex-shrink:0}.text-button{min-width:98px;padding:0 16px;color:#3467c2}.button-row{display:flex;gap:12px}.primary-button,.secondary-button{min-height:48px;padding:0 20px}.primary-button{background:#1d4ed8;color:#fff;flex:1}.secondary-button{background:#e8f0fe;color:#20438a;flex:1}.primary-button.wide{width:100%}.compact-button{min-height:40px;padding:0 14px;flex:0 0 auto}.sim-grid{display:grid;gap:12px}.sim-card{background:linear-gradient(180deg,#fff,#f0f5ff);padding:18px;box-shadow:inset 0 0 0 1px #8facd529}.sim-card-top,.toggle-inline,.usage-row,.usage-label,.app-hero{display:flex;align-items:center;justify-content:space-between;gap:12px}.signal{border-radius:999px;padding:8px 12px;background:#e7effb;color:#295189;font-size:13px;font-weight:700}.sim-usage{margin-top:16px;color:#677891;font-size:14px}.progress{height:8px;border-radius:999px;background:#e4ebf7;overflow:hidden;margin-top:8px}.progress div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5d93ff,#8bc4ff)}.selector-row{justify-content:space-between}.selector-row span,.info-row span{color:#21344f}.info-row{justify-content:space-between}.info-row strong{max-width:56%;text-align:right;line-height:1.3}.selector-row select{border:1px solid #d5e0f1;background:#f7faff;border-radius:12px;padding:10px 12px;color:#173053;max-width:54%}.info-row strong,.usage-row strong{color:#1a365d}.dot{width:10px;height:10px;border-radius:50%}.donut{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at center,#fff 0 32px,transparent 33px),conic-gradient(#4d7fff 0 var(--fill),#d6e2f6 var(--fill) 100%)}.bottom-nav{height:52px;color:#7a8da9;font-size:22px}.empty-state{min-height:160px;display:grid;place-items:center;color:#60718b}.log-row{padding:16px 18px}.password-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 18px}.password-row+.password-row{border-top:1px solid #edf2fb}.log-row+.log-row{border-top:1px solid #edf2fb}.log-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.log-top span,.log-row small{color:#677891}@media (max-width: 480px){.app-shell{padding:0}.phone{width:100%;height:100vh;border-radius:0;padding:0}.phone-top{top:8px}.screen{border-radius:0}.button-row{flex-direction:column}}