:root{color-scheme:dark;--bg:#070907;--panel:#121611;--panel-2:#191e18;--line:#283028;--text:#f5f7f2;--muted:#929a91;--lime:#b8ff3d;--green:#24d776;--red:#ff5d68;--blue:#54b8ff;--violet:#8d7cff;--radius:28px;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.13;pointer-events:none}.ambient-one{width:360px;height:360px;background:#70f000;right:-190px;top:-120px}.ambient-two{width:320px;height:320px;background:#04c87c;left:-220px;bottom:5%}
.splash{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#070907;transition:opacity .35s,visibility .35s}.splash.hidden{opacity:0;visibility:hidden}.splash strong{font-size:27px;letter-spacing:.09em}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;color:#071000;background:linear-gradient(135deg,var(--lime),#69eb38)}.brand-mark svg{width:25px}.spinner{width:24px;height:24px;border:2px solid #273026;border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.network-banner{position:fixed;z-index:80;top:0;left:0;right:0;padding:10px;text-align:center;background:#9d2630;font-size:13px;font-weight:700}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:0 18px 122px}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:linear-gradient(#070907 65%,transparent)}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;font-size:20px;font-weight:850}.brand .brand-mark{width:34px;height:34px;border-radius:11px}.brand .brand-mark svg{width:21px}.beta{padding:4px 8px;border:1px solid #344031;border-radius:99px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.profile-shortcut,.avatar{display:grid;place-items:center;border:1px solid #354034;border-radius:50%;background:#1b211b}.profile-shortcut{width:40px;height:40px}.profile-shortcut span,.avatar{font-weight:800}.view{display:none;animation:enter .22s ease}.view.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(8px)}}.eyebrow,.section-kicker{margin:0 0 5px;color:var(--lime);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin:15px 2px 20px}.welcome-row h1,.page-heading h1{margin:0;font-size:32px;letter-spacing:-.04em}.page-heading{margin:16px 2px 22px}.page-heading h1{font-size:34px}
.primary-button,.secondary-button{width:100%;min-height:56px;border:0;border-radius:18px;font-weight:850}.primary-button{background:var(--lime);color:#0b1207}.secondary-button{border:1px solid #364035;background:#1b201a}.secondary-button.full{margin-top:14px}
.summary-card,.wide-action,.referral-card{width:100%;margin-top:14px;border:1px solid var(--line);border-radius:23px;background:rgba(20,24,19,.94)}.summary-card{display:flex;align-items:center;justify-content:space-between;padding:20px}.summary-card h3{margin:3px 0 5px;font-size:21px}.summary-card p{margin:0;color:var(--muted);font-size:13px}.circle-arrow{width:42px;height:42px;border:0;border-radius:50%;background:#2b3329;font-size:27px}.wide-action,.referral-card{display:flex;align-items:center;text-align:left;padding:17px;border-color:#2e382c}.wide-action>span:nth-child(2),.referral-card>span:nth-child(2){flex:1}.wide-action strong,.referral-card strong{display:block;font-size:16px}.wide-action small,.referral-card small{display:block;margin-top:4px;color:var(--muted)}.action-icon{display:grid;place-items:center;width:45px;height:45px;margin-right:13px;border-radius:15px;background:#263322;color:var(--lime);font-size:25px}.referral-card>span:first-child{display:grid;place-items:center;width:58px;height:58px;margin-right:13px;border-radius:18px;background:linear-gradient(135deg,#9df130,#4fcc37);color:#0c1507}.referral-card>span:first-child b{font-size:20px}.referral-card>span:first-child small{margin:0;color:#17210f;font-weight:700}
.subscription-status-card,.balance-card,.account-card,.support-card,.coming-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:22px}.card-label-row{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.live-label{color:var(--muted)}.live-label.active{color:var(--green)}.subscription-status-card h2{font-size:31px;margin:26px 0 16px}.countdown{padding:20px;border-radius:20px;background:#0b0d0b}.countdown strong{display:block;font-size:32px}.countdown span{display:block;margin-top:7px;color:var(--muted)}.subscription-status-card>p{margin:16px 2px 0;color:var(--muted)}.plan-actions{display:flex;margin:14px 0 28px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 2px 12px}.section-title h2{margin:0;font-size:20px}.section-title span{color:var(--muted)}.device-list{display:grid;gap:10px}.empty-card{padding:22px;border:1px dashed #353d34;border-radius:20px;color:var(--muted);text-align:center}.device-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.device-card .device-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#263322;color:var(--lime)}.device-card>div{flex:1;min-width:0}.device-card strong,.device-card small{display:block}.device-card small{margin-top:4px;color:var(--muted)}.device-card button{width:38px;height:38px;border:0;border-radius:12px;background:#2a2e29;color:#ff7279}.honest-note{color:#7f877d;font-size:12px;line-height:1.5}
.connection-section{margin:0 0 30px}.connection-heading{margin:0 0 13px;color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.connection-option{position:relative;display:flex;align-items:center;width:100%;min-height:92px;margin-bottom:11px;padding:16px 18px;border:1px solid #394336;border-radius:24px;background:#171c16;text-align:left}.connection-option>span:nth-child(2){flex:1;min-width:0}.connection-option strong,.connection-option small{display:block}.connection-option strong{font-size:19px}.connection-option small{margin-top:5px;color:#c2c8bf;font-size:12px}.connection-option b{margin-left:10px;font-size:27px}.connection-option em{position:absolute;right:18px;top:12px;padding:5px 9px;border-radius:99px;background:rgba(255,255,255,.18);font-size:10px;font-style:normal;font-weight:850}.connection-icon{display:grid;place-items:center;flex:0 0 50px;height:50px;margin-right:14px;border-radius:16px;background:rgba(255,255,255,.16);font-size:25px;font-weight:900}.connection-option.recommended{border-color:#628a3c;background:linear-gradient(135deg,#62a92d,#3f7427);color:#fff}.connection-option.alternative{border-color:#473e6a;background:linear-gradient(135deg,#211e31,#171625);color:#cbbcff}.connection-option:disabled{filter:saturate(.35);opacity:.48}.connection-divider{display:flex;align-items:center;gap:12px;margin:19px 0 13px;color:#6f776d;font-size:11px;font-weight:750;text-transform:uppercase}.connection-divider:before,.connection-divider:after{content:"";height:1px;flex:1;background:#293028}.personal-link-row{display:flex;align-items:center;gap:9px;padding:10px 10px 10px 14px;border:1px solid #30382e;border-radius:17px;background:#111510}.personal-link-row code{flex:1;min-width:0;overflow:hidden;color:#939d91;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.personal-link-row button{min-height:40px;border:1px solid #40503b;border-radius:12px;background:#20271e;color:var(--lime);font-size:12px;font-weight:850}.personal-link-row button:disabled{opacity:.45}.personal-link-note{margin:9px 3px 0;color:#70786e;font-size:11px;line-height:1.45}
.balance-card span{color:var(--muted)}.balance-card h2{margin:10px 0;font-size:25px}.balance-card p{margin:0;color:var(--muted)}.tariff-list{display:grid;gap:12px}.tariff-card{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--panel);text-align:left}.tariff-card.recommended{border-color:#587a35;background:linear-gradient(135deg,#182316,#111510)}.tariff-card h3{margin:0 0 5px;font-size:21px}.tariff-card p{margin:0;color:var(--muted)}.tariff-card strong{font-size:25px;color:var(--lime)}.tariff-card em{position:absolute;right:14px;top:-10px;padding:5px 9px;border-radius:99px;background:var(--lime);color:#10150b;font-size:10px;font-style:normal;font-weight:900}.coming-card{display:flex;gap:14px;margin-top:18px}.coming-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:14px;background:#283226;color:var(--lime);font-size:23px}.coming-card strong{display:block}.coming-card p{margin:6px 0 0;color:var(--muted);line-height:1.45}
.profile-hero{text-align:center;padding:18px 0 25px}.avatar{width:42px;height:42px}.avatar.large{width:86px;height:86px;margin:0 auto 14px;border-color:#465442;background:linear-gradient(145deg,#283425,#151a14);font-size:30px;color:var(--lime)}.profile-hero h1{margin:0;font-size:29px}.profile-hero p{margin:7px 0 0;color:var(--muted)}.account-card{padding:5px 20px;margin-bottom:14px}.account-card>div{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.account-card>div:last-child{border:0}.account-card span{color:var(--muted)}.settings-list{display:grid;gap:10px}.settings-row{display:flex;align-items:center;width:100%;min-height:78px;padding:14px;border:1px solid var(--line);border-radius:22px;background:var(--panel);text-align:left}.settings-row>span:nth-child(2){flex:1}.settings-row strong,.settings-row small{display:block}.settings-row small{margin-top:5px;color:var(--muted)}.setting-icon{display:grid;place-items:center;width:46px;height:46px;margin-right:13px;border-radius:14px;background:#273126;color:var(--lime);font-size:20px}.setting-icon.violet{background:#26223c;color:#a99cff}.setting-icon.blue{background:#192e39;color:#65caff}.setting-icon.lime{background:#2c3925}.toggle{position:relative;width:49px;height:29px;border-radius:99px;background:#363b35;transition:.2s}.toggle i{position:absolute;left:4px;top:4px;width:21px;height:21px;border-radius:50%;background:#8d938b;transition:.2s}.toggle.active{background:#456d2a}.toggle.active i{left:24px;background:var(--lime)}.admin-entry{border-color:#4f6e36}
.support-card{text-align:center;padding:36px 22px}.support-icon{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 22px;border-radius:24px;background:#273126;color:var(--lime);font-size:28px;font-weight:900}.support-card h2{font-size:27px;margin:0}.support-card p{margin:14px auto 24px;max-width:480px;color:var(--muted);line-height:1.55}.support-card small{display:block;margin-top:13px;color:var(--muted)}
.bottom-nav{position:fixed;z-index:40;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(calc(100% - 20px),730px);padding:7px;border:1px solid #2f352e;border-radius:27px;background:rgba(18,21,17,.94);backdrop-filter:blur(18px);box-shadow:0 18px 45px #000}.bottom-nav button{display:flex;min-width:0;height:61px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:21px;background:transparent;color:#8b9289}.bottom-nav button.active{background:var(--lime);color:#10160b}.bottom-nav svg{width:21px;height:21px}.bottom-nav span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px}.bottom-nav.hidden{display:none}
.membership-gate{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 30%,rgba(163,255,61,.12),transparent 40%),#070907}.membership-gate[hidden]{display:none}.gate-card{width:min(100%,520px);padding:28px;border:1px solid #364534;border-radius:30px;background:#121711;text-align:center}.gate-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 20px;border-radius:24px;background:#273825;color:var(--lime);font-size:36px}.gate-card h1{font-size:29px;margin:5px 0 12px}.gate-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}.gate-card button{margin-top:10px}.gate-card small{display:block;margin-top:15px;color:#7e857b;line-height:1.4}
.sheet-backdrop{position:fixed;z-index:55;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.sheet-backdrop[hidden],.bottom-sheet[hidden]{display:none}.bottom-sheet{position:fixed;z-index:60;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,760px);max-height:88vh;overflow:auto;padding:10px 20px calc(25px + var(--safe-bottom));border:1px solid #333b31;border-bottom:0;border-radius:30px 30px 0 0;background:#131713;box-shadow:0 -20px 70px #000}.sheet-handle{width:42px;height:4px;margin:1px auto 20px;border-radius:99px;background:#4d554b}.bottom-sheet h2{font-size:26px;margin:0 0 8px}.sheet-description{color:var(--muted);line-height:1.5}.platform-grid{display:grid;gap:10px;margin:18px 0}.platform-option{display:flex;align-items:center;width:100%;padding:16px;border:1px solid #30382f;border-radius:20px;background:#1b201a;text-align:left}.platform-option>span:first-child{font-size:28px;margin-right:13px}.platform-option>span:nth-child(2){flex:1}.platform-option strong,.platform-option small{display:block}.platform-option small{margin-top:4px;color:var(--muted)}.platform-option.featured{border-color:#54783a}.steps{display:grid;gap:10px;margin:17px 0}.step{display:flex;gap:12px;padding:13px;border-radius:17px;background:#1b201a}.step b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#33462a;color:var(--lime)}.sheet-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:18px}.sheet-actions button{min-height:53px;border:0;border-radius:17px;font-weight:800}.sheet-actions button:first-child{background:#252b24}.sheet-actions button:last-child{background:var(--lime);color:#0a1007}.copy-button{width:100%;margin-top:10px;border:0;background:transparent;color:var(--lime);padding:12px}.info-list{display:grid;gap:10px}.info-list div{padding:15px;border-radius:16px;background:#1b201a}.info-list strong{display:block;margin-bottom:4px}.info-list span{color:var(--muted)}.toast{position:fixed;z-index:110;left:50%;bottom:110px;transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 40px);padding:12px 16px;border:1px solid #41503d;border-radius:14px;background:#1a2118;opacity:0;visibility:hidden;transition:.2s}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.admin-heading{display:flex;align-items:center;gap:12px}.back-button{width:43px;height:43px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-size:28px}.admin-search{display:grid;grid-template-columns:1fr auto;gap:8px}.admin-search input{min-width:0;padding:15px;border:1px solid var(--line);border-radius:17px;background:#141814;color:var(--text)}.admin-search button{border:0;border-radius:16px;background:var(--lime);color:#0d1408;font-weight:800;padding:0 17px}.admin-stats{display:flex;gap:8px;margin:14px 0}.admin-stats span{padding:8px 11px;border-radius:99px;background:#1c231b;color:var(--muted);font-size:12px}.admin-user-list{display:grid;gap:11px}.admin-user{padding:17px;border:1px solid var(--line);border-radius:21px;background:var(--panel)}.admin-user-head{display:flex;justify-content:space-between;gap:10px}.admin-user strong,.admin-user small{display:block}.admin-user small{margin-top:5px;color:var(--muted)}.admin-user-status{color:var(--green);font-size:12px}.admin-user-status.inactive{color:var(--muted)}.admin-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.admin-controls button{min-height:40px;border:0;border-radius:12px;background:#293327;font-size:12px}.admin-controls button.primary{background:var(--lime);color:#10160b}.admin-controls button.access{grid-column:1/-1;background:#253823;color:var(--lime)}.admin-controls button.danger{color:#ff777d;background:#342022}
@media(max-width:410px){.app-shell{padding-left:13px;padding-right:13px}.bottom-nav{width:calc(100% - 12px)}.bottom-nav span{font-size:9px}.sheet-actions{grid-template-columns:1fr}.settings-row small{font-size:11px}.page-heading h1{font-size:30px}}
@media(min-width:640px){.quick-columns{grid-template-columns:1fr 1fr}.tariff-list{grid-template-columns:1fr 1fr}}