:root{--ink:#f4f7f1;--muted:#9eaaa4;--surface:#12231ed1;--surface-strong:#12231e;--line:#c3ffe221;--accent:#7bf3bd;--accent-strong:#43daa0;--warning:#f0cc7a;--danger:#ff8c88;--page:#071310;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--page);min-height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{color:inherit}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.app-shell{min-height:100svh;padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));position:relative;overflow:hidden}.app-shell:before,.app-shell:after{z-index:0;content:"";filter:blur(1px);pointer-events:none;border-radius:999px;width:280px;height:280px;position:fixed}.app-shell:before{background:radial-gradient(circle,#5feeb13d,#0000 68%);top:-170px;right:-110px}.app-shell:after{background:radial-gradient(circle,#46997e29,#0000 70%);bottom:-210px;left:-120px}.content{z-index:1;width:min(100%,520px);margin:0 auto;position:relative}.brand{align-items:center;gap:11px;margin-bottom:clamp(38px,9vh,78px);display:flex}.brand-mark{background:linear-gradient(145deg,#7bf3bd30,#0f1f1a80);border:1px solid #7bf3bd8c;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:relative;box-shadow:inset 0 0 20px #7bf3bd14}.brand-mark:before{border:2px solid var(--accent);content:"";width:9px;height:9px;box-shadow:9px 0 0 -3px var(--surface-strong), 9px 0 0 -1px var(--accent);border-radius:999px}.brand-name{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:15px;font-weight:750}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}h1{letter-spacing:-.055em;max-width:430px;margin:0;font-size:clamp(38px,11vw,62px);font-weight:650;line-height:.98}.lead{max-width:430px;color:var(--muted);margin:18px 0 28px;font-size:16px;line-height:1.55}.status-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:20px;box-shadow:0 22px 65px #00000040}.status-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.status-label,.metric-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:650}.status-value{margin:0;font-size:22px;font-weight:650}.status-dot{background:var(--accent);border:3px solid #7bf3bd26;border-radius:999px;width:13px;height:13px;margin-top:6px;box-shadow:0 0 22px #7bf3bd99}.status-dot.pending{background:var(--warning);box-shadow:0 0 22px #f0cc7a6b}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.metric{background:#05110d70;border:1px solid #c3ffe214;border-radius:18px;min-height:94px;padding:15px}.metric-action{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;width:100%;transition:border-color .16s,background .16s,transform .16s;display:flex}.metric-action:active{transform:scale(.985)}.metric-action:hover{background:#091913b8;border-color:#7bf3bd38}.metric-action .metric-label,.metric-action .metric-value{display:block}.metric-arrow{color:var(--accent);flex:none;font-size:27px;font-weight:350;line-height:1}.metric-value{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:620;overflow:hidden}.notice{color:#eddfb9;background:#41351738;border:1px solid #f0cc7a33;border-radius:18px;margin-top:14px;padding:15px 17px;font-size:14px;line-height:1.5}.skeleton-line{background:#ffffff12;border-radius:9px;height:18px;margin-top:12px;overflow:hidden}.skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#7bf3bd29,#0000);width:45%;height:100%;animation:1.7s ease-in-out infinite shimmer;display:block}.skeleton-line.short{width:58%}.error-card{background:#41151340;border:1px solid #ff8c8833;border-radius:24px;padding:22px}.error-card h2{margin:0 0 9px;font-size:21px}.error-card p{color:#d6bbb8;margin:0 0 18px;line-height:1.5}.primary-action{background:var(--accent);color:#062117;cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:750;text-decoration:none;display:inline-flex}.primary-action:disabled{color:#789087;cursor:not-allowed;background:#28443a}.full-width{width:100%}.subpage{padding-bottom:12px}.back-button{min-height:40px;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:-18px 0 24px;padding:0;font-size:14px;font-weight:680;display:inline-flex}.back-button span:first-child{font-size:23px;font-weight:400;line-height:1}.balance-card{background:radial-gradient(circle at 88% 5%,#7bf3bd33,#0000 40%),linear-gradient(145deg,#132e25f5,#0a1b15f0);border:1px solid #7bf3bd33;border-radius:24px;margin-bottom:28px;padding:24px;position:relative;overflow:hidden;box-shadow:0 22px 65px #00000040}.balance-value{letter-spacing:-.055em;margin:7px 0 4px;font-size:clamp(40px,13vw,64px);font-weight:620;line-height:1}.balance-caption{color:var(--muted);margin:0;font-size:13px}.tariff-card{border:1px solid var(--line);background:#0d1f19b8;border-radius:19px;justify-content:space-between;align-items:center;gap:16px;margin:-10px 0 16px;padding:17px 18px;display:flex}.tariff-card .status-value{font-size:18px}.activation-action{margin-bottom:4px}.success-notice{color:#c9efdd;background:#1a433338;border-color:#7bf3bd33}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:11px;display:flex}.section-heading .status-label{margin:0}.section-note{color:#71807a;margin:0;font-size:12px}.amount-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px;display:grid}.amount-option{border:1px solid var(--line);min-height:48px;color:var(--muted);cursor:pointer;background:#06130f99;border-radius:14px;padding:0 7px;font-size:14px;font-weight:700}.amount-option.selected{color:var(--ink);background:#214c3c94;border-color:#7bf3bd8a;box-shadow:inset 0 0 18px #7bf3bd0f}.payment-method{border:1px solid var(--line);background:#081712bd;border-radius:18px;align-items:center;gap:13px;min-height:76px;margin-bottom:16px;padding:14px;display:flex}.payment-method.selected{border-color:#7bf3bd4d}.payment-mark{color:#062117;background:linear-gradient(145deg,#9af8ce,#45d99f);border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.payment-copy,.device-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.payment-title,.device-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.payment-description,.device-meta{color:var(--muted);font-size:12px}.selection-dot{background:var(--accent);border:4px solid #062117e6;border-radius:999px;flex:none;width:16px;height:16px;box-shadow:0 0 0 1px #7bf3bd9e}.inline-hint{color:#71807a;text-align:center;margin:10px 3px 0;font-size:12px;line-height:1.5}.quota-row{border:1px solid var(--line);background:#0d1f19b8;border-radius:19px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:17px 18px;display:flex}.quota-value{margin:0;font-size:20px;font-weight:680}.quota-badge{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#7bf3bd1f;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750}.quota-badge.full{color:var(--warning);background:#f0cc7a1f}.device-list{gap:10px;margin-bottom:14px;display:grid}.device-row{border:1px solid var(--line);text-align:left;background:#071611b8;border-radius:18px;align-items:center;gap:13px;width:100%;min-height:76px;padding:13px 15px;display:flex}button.device-row{cursor:pointer}.device-icon,.device-empty{background:#7bf3bd14;border:1px solid #7bf3bd4d;border-radius:13px;flex:none;width:38px;height:38px;position:relative}.device-icon:before,.device-empty:before{border:1.5px solid var(--accent);content:"";border-radius:4px;position:absolute;inset:8px 11px}.device-icon:after,.device-empty:after{background:var(--accent);content:"";border-radius:999px;height:2px;position:absolute;bottom:5px;left:15px;right:15px}.skeleton-card{background:#ffffff0a;overflow:hidden}.skeleton-card:after{content:"";background:linear-gradient(90deg,#0000,#7bf3bd1a,#0000);width:50%;height:100%;animation:1.7s ease-in-out infinite shimmer}.empty-card{text-align:center;background:#0818126b;border:1px dashed #c3ffe229;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;margin-bottom:14px;padding:28px 22px;display:flex}.empty-card h2{margin:15px 0 7px;font-size:19px}.empty-card p{max-width:310px;color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.55}.empty-symbol{width:44px;height:44px;color:var(--warning);border:1px solid #f0cc7a59;border-radius:15px;place-items:center;font-size:19px;font-weight:750;display:grid}.empty-symbol.device-empty{width:46px;height:46px;display:block}.secondary-action{min-height:42px;color:var(--accent);cursor:pointer;background:#7bf3bd14;border:1px solid #7bf3bd4d;border-radius:13px;justify-content:center;align-items:center;padding:0 16px;font-weight:720;display:inline-flex}.field-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:680;display:block}.text-field{border:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);font:inherit;background:#05110db8;border-radius:16px;outline:none;padding:0 16px}.text-field:focus{border-color:#7bf3bd8c;box-shadow:0 0 0 3px #7bf3bd14}.text-field::placeholder{color:#53645d}.field-hint{color:#71807a;margin:7px 3px 18px;font-size:11px;line-height:1.45}.security-note{background:#0d261d6b;border:1px solid #7bf3bd24;border-radius:17px;gap:12px;margin-bottom:16px;padding:15px;display:flex}.security-note p{color:#aebcb6;margin:0;font-size:12px;line-height:1.55}.security-mark{border:1.5px solid var(--accent);border-radius:7px;flex:none;width:20px;height:22px;margin-top:1px;position:relative}.security-mark:before{border:1.5px solid var(--accent);content:"";border-bottom:0;border-radius:7px 7px 0 0;width:9px;height:10px;position:absolute;top:-8px;left:4px}.error-notice{color:#e6bfbc;background:#41151340;border-color:#ff8c8833}.device-summary-card,.connection-card{border:1px solid var(--line);background:var(--surface);border-radius:21px;margin-bottom:14px;padding:19px}.device-summary-card{grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}.device-address{border-top:1px solid var(--line);grid-column:1/-1;padding-top:14px}.device-address p:last-child{margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:14px}.connection-code{overflow-wrap:anywhere;color:var(--accent);background:#030e0aa6;border:1px solid #7bf3bd21;border-radius:14px;margin:10px 0 16px;padding:15px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55;display:block}.connection-empty{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}.danger-card{background:#37121133;border:1px solid #ff8c882e;border-radius:18px;margin-top:18px;padding:17px}.danger-copy{color:#d8b9b6;margin:0 0 15px;font-size:13px;line-height:1.5}.danger-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:9px;display:grid}.danger-action,.danger-link{cursor:pointer;border-radius:13px;min-height:42px;font-weight:720}.danger-action{color:#ffd5d2;background:#912f2b59;border:1px solid #ff8c8866;padding:0 14px}.danger-action:disabled{cursor:not-allowed;opacity:.55}.danger-link{width:100%;color:var(--danger);background:0 0;border:0;padding:0}.footnote{color:#71807a;margin:21px 4px 0;font-size:12px;line-height:1.5}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(230%)}}@media (prefers-reduced-motion:reduce){.skeleton-line:after,.skeleton-card:after{animation:none}}@media (max-width:360px){.metric-grid{grid-template-columns:1fr}.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}