*{box-sizing:border-box}:root{font-family:Inter,Arial,sans-serif;background:#080808;color:#f5f5f5}body{margin:0;background:radial-gradient(circle at top,#1d1010 0,#080808 42%);min-height:100vh}button{font-family:inherit}.app{max-width:520px;margin:auto;min-height:100vh;padding-bottom:100px}header{padding:18px 18px 10px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand strong{display:block;font-size:17px}.brand span{color:#777;font-size:12px}.miniLogo,.logoCircle{background:linear-gradient(145deg,#d32222,#681010);display:flex;align-items:center;justify-content:center;font-weight:800}.miniLogo{width:39px;height:39px;border-radius:13px}.avatar{width:38px;height:38px;border-radius:50%;background:#202020;border:1px solid #333;display:flex;align-items:center;justify-content:center}main{padding:10px 16px}.welcome{margin:12px 2px 18px}.welcome span,.pageTitle p{color:#777}.welcome h1,.pageTitle h1{margin:5px 0}.subscriptionCard{border:1px solid #2c1919;background:linear-gradient(145deg,#5a14146b,#121212f5);border-radius:24px;padding:20px;box-shadow:0 20px 60px #00000059}.statusRow{display:flex;align-items:center;gap:8px;color:#bfbfbf;font-size:13px}.statusDot{width:8px;height:8px;background:#38d679;border-radius:50%;box-shadow:0 0 12px #38d679}.subscriptionCard h2{font-size:27px;margin:16px 0}.subMeta{display:flex;gap:18px;color:#aaa;font-size:13px;margin-bottom:18px}.subMeta div{display:flex;align-items:center;gap:6px}.primary{width:100%;border:0;background:#c92929;color:#fff;border-radius:14px;padding:14px;font-size:15px;font-weight:700}.balanceCard{margin-top:13px;padding:18px;border-radius:20px;background:#121212;border:1px solid #242424;display:flex;justify-content:space-between;align-items:center}.balanceCard span{display:block;color:#777;font-size:12px;margin-bottom:4px}.balanceCard strong{font-size:22px}.quickGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.quick{min-height:100px;border:1px solid #232323;border-radius:18px;background:#111;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px}.quick svg{color:#df4242}.pageTitle{margin:12px 2px 20px}.pageTitle p{margin:4px 0}.card,.profileCard{background:#111;border:1px solid #242424;border-radius:18px;padding:18px;margin-bottom:12px}.rowBetween{display:flex;justify-content:space-between;align-items:center}.badgeActive,.badgeInactive{font-size:11px;padding:5px 8px;border-radius:20px}.badgeActive{background:#35c6701f;color:#55d98c}.badgeInactive{background:#ffffff0d;color:#777}.card p,.tariff p{color:#777;font-size:13px}.smallMuted{color:#888;font-size:12px}.tariff{background:#111;border:1px solid #242424;border-radius:18px;padding:17px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.tariff strong{display:block;font-size:21px;margin-top:5px}.tariff button{border:0;border-radius:12px;padding:10px 14px;background:#b62525;color:#fff}.duration{color:#aaa;font-size:13px}.profileCard{text-align:center}.bigAvatar{margin:auto;width:74px;height:74px;border-radius:50%;background:#741818;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}.profileCard h2{margin-bottom:4px}.profileCard span{color:#777}.menuRow{background:#111;border:1px solid #242424;border-radius:16px;padding:17px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.menuRow div{display:flex;align-items:center;gap:11px}.empty{padding:28px;text-align:center;background:#111;border-radius:18px;color:#777}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:520px;width:100%;padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#080808ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #1d1d1d}nav button{background:none;border:0;color:#666;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px}nav button.active{color:#e54141}.loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#aaa}.logoCircle{width:64px;height:64px;border-radius:20px;font-size:24px}.headerLeft{display:flex;align-items:center;gap:8px}.backButton{width:38px;height:38px;border:1px solid #252525;background:#111;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0}.clickable{cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.clickable:active{transform:scale(.985)}.openRow{border-top:1px solid #222;margin-top:15px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#d94b4b;font-size:13px}.connectCard{background:linear-gradient(145deg,#5414146b,#111);border:1px solid #332020;border-radius:24px;padding:22px;text-align:center}.connectIcon{width:72px;height:72px;margin:0 auto 15px;border-radius:22px;background:#6d1717;display:flex;justify-content:center;align-items:center;color:#fff}.connectCard h2{margin:10px 0 20px}.connectionInfo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.connectionInfo div{background:#00000040;border:1px solid #292929;border-radius:14px;padding:13px}.connectionInfo span{display:block;color:#777;font-size:11px;margin-bottom:5px}.connectionInfo strong{font-size:13px}.connectPrimary{display:flex;justify-content:center;align-items:center;gap:8px}.secondary{width:100%;margin-top:10px;padding:13px;border-radius:14px;border:1px solid #303030;background:#151515;color:#fff;display:flex;justify-content:center;align-items:center;gap:8px}.instructionCard{margin-top:14px;padding:18px;background:#111;border:1px solid #242424;border-radius:18px}.instructionCard h3{margin-top:0}.instructionStep{display:flex;align-items:center;gap:12px;margin-top:13px;color:#b6b6b6;font-size:13px}.instructionStep b{width:27px;height:27px;min-width:27px;border-radius:9px;background:#761919;color:#fff;display:flex;align-items:center;justify-content:center}.deviceMenu{margin-top:14px;background:#111;border:1px solid #242424;border-radius:18px;padding:16px;display:flex;align-items:center;justify-content:space-between}.deviceMenuLeft{display:flex;align-items:center;gap:12px}.deviceMenuLeft strong{display:block;margin-bottom:3px}.deviceMenuLeft span{display:block;color:#777;font-size:12px}.deviceMenuIcon{width:42px;height:42px;border-radius:13px;background:#641717;display:flex;align-items:center;justify-content:center}.deviceCounter{background:linear-gradient(145deg,#58141459,#111);border:1px solid #302020;border-radius:20px;padding:18px;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between}.deviceCounter span{display:block;color:#777;font-size:12px;margin-bottom:4px}.deviceCounter strong{font-size:24px}.deviceCard{background:#111;border:1px solid #242424;border-radius:18px;padding:15px;margin-bottom:10px;display:flex;gap:13px}.deviceIcon{width:44px;height:44px;min-width:44px;border-radius:14px;background:#631818;display:flex;align-items:center;justify-content:center}.deviceInfo{min-width:0}.deviceInfo strong{display:block;font-size:15px;margin-bottom:4px}.deviceInfo span{display:block;color:#999;font-size:12px;margin-bottom:6px}.deviceInfo small{display:block;color:#666;font-size:11px;line-height:1.4}.buyQuick{background:linear-gradient(145deg,#871919a6,#161010);border-color:#5a2020}.buyQuick svg{color:#ff5151}.buyQuick span{font-weight:700}