:root{color:#f4f9ff;background:#02050d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -8%,rgba(0,184,255,.32),transparent 24rem),radial-gradient(circle at 100% 24%,rgba(18,93,255,.24),transparent 18rem),linear-gradient(180deg,#07101e,#02050d 54%,#030712)}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 38%,rgba(137,241,255,.045) 39%,transparent 40%),linear-gradient(245deg,transparent 0 62%,rgba(42,111,255,.05) 63%,transparent 64%);opacity:.75}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(116,220,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(116,220,255,.035) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 74%);mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 74%)}button{border:0;font:inherit;-webkit-tap-highlight-color:transparent}.app{position:relative;width:min(100%,520px);min-height:100vh;margin:0 auto;padding:18px 14px calc(104px + env(safe-area-inset-bottom))}.splash{min-height:100vh;display:grid;place-content:center;gap:18px;color:#84f8ff;text-align:center}.splash-mark{width:86px;aspect-ratio:1;display:grid;place-items:center;margin:0 auto;border-radius:50%;background:linear-gradient(145deg,#00d1ff2e,#1a5bff1a);border:1px solid rgba(137,241,255,.34);box-shadow:0 0 46px #00d1ff47}.topbar,.profile-head,.admin-head,.row{display:flex;align-items:center;gap:12px}.topbar{min-height:54px;margin-bottom:16px;padding:6px;border:1px solid rgba(121,222,255,.1);border-radius:8px;background:#ffffff09;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{width:46px;aspect-ratio:1;flex:0 0 auto;padding:2px;border-radius:50%;background:linear-gradient(145deg,#00e0ff73,#2c68ff2e);border:1px solid rgba(132,248,255,.52);box-shadow:0 0 30px #00d1ff40}.brand-mark img,.logo-core img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.brand-copy{min-width:0;flex:1}.eyebrow{margin:0 0 5px;color:#73efff;font-size:.68rem;font-weight:850;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.45rem;line-height:1.05}h2{margin-bottom:8px;font-size:1.28rem;line-height:1.14}h3{margin-bottom:4px;font-size:1rem}.status,.chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:max-content;padding:8px 10px;border-radius:999px;font-size:.72rem;font-weight:850;border:1px solid rgba(255,255,255,.12);background:#ffffff13}.status.active,.chip.active{color:#04201f;background:linear-gradient(135deg,#74f7ff,#2dffbf);box-shadow:0 0 24px #2dffbf38}.status.wait,.chip.pending{color:#fff9e7;border-color:#ffcd6c47;background:#ffb94a21}.chip.disabled,.chip.expired{color:#d8e4f7;background:#ffffff12}.chip.deleted{color:#ffbab5;border-color:#ff5c5c3d;background:#ff5c5c1a}.screen{display:grid;gap:14px}.premium-card,.hero-panel,.metric,.tariff-card,.admin-card,.list,.modal{border:1px solid rgba(121,222,255,.17);border-radius:8px;background:linear-gradient(145deg,#ffffff1b,#ffffff09),#050c19bd;box-shadow:inset 0 1px #ffffff1f,0 18px 70px #00000057,0 0 38px #00a7ff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{position:relative;overflow:hidden;min-height:360px;padding:18px}.hero-panel:before,.hero-panel:after{content:"";position:absolute;pointer-events:none;border-radius:999px}.hero-panel:before{width:230px;height:230px;right:-86px;top:-76px;background:radial-gradient(circle,rgba(0,210,255,.33),transparent 64%)}.hero-panel:after{width:160px;height:1px;left:18px;top:92px;background:linear-gradient(90deg,transparent,rgba(116,247,255,.72),transparent);box-shadow:0 0 18px #74f7ff73}.hero-grid{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 26% 22%,rgba(71,151,255,.16),transparent 12rem),linear-gradient(120deg,transparent 0 52%,rgba(116,247,255,.09) 52.5%,transparent 53%);opacity:.9}.hero-header,.hero-copy,.hero-stats{position:relative;z-index:1}.hero-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.logo-core{position:relative;width:112px;aspect-ratio:1;padding:4px;border-radius:50%;border:1px solid rgba(132,248,255,.58);background:radial-gradient(circle,rgba(132,248,255,.2),transparent 58%),linear-gradient(145deg,#00d1ff4d,#1858ff1f);box-shadow:0 0 36px #00d1ff5c,0 0 80px #2a6fff33}.logo-core:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(116,247,255,.24);filter:drop-shadow(0 0 14px rgba(116,247,255,.35))}.signal{position:absolute;inset:-14px;border-radius:50%;border:1px solid transparent;border-top-color:#74f7ffcc;border-right-color:#3f7cff70;animation:breathe 2.8s ease-in-out infinite}.signal-b{inset:-24px;opacity:.45;animation-delay:.6s}.live-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;color:#dffeff;font-size:.74rem;font-weight:850;background:#010d1eb8;border:1px solid rgba(132,248,255,.2);white-space:nowrap}.live-chip span{width:7px;aspect-ratio:1;border-radius:50%;background:#34ffc5;box-shadow:0 0 14px #34ffc5cc}.hero-copy{margin-bottom:16px}.hero-copy h2{margin-bottom:7px;font-size:1.72rem}.hero-copy p:last-child{margin-bottom:0;color:#b9c7dc;line-height:1.45}.muted{margin-bottom:0;color:#8fa2c2}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:74px;padding:12px;display:grid;align-content:space-between;gap:8px}.metric span,.row span{display:inline-flex;align-items:center;gap:6px;color:#8fa2c2;font-size:.78rem}.metric strong,.row strong{color:#f4f9ff;font-size:.94rem;overflow-wrap:anywhere}.actions{display:grid;gap:10px}.primary,.secondary,.danger,.admin-actions button{min-height:48px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.primary{color:#031918;background:linear-gradient(135deg,#7df8ff,#27d4ff 48%,#4e7cff);box-shadow:0 12px 34px #27d4ff38}.secondary,.admin-actions button{color:#eef7ff;background:#ffffff13;border:1px solid rgba(121,222,255,.15)}.secondary.current{color:#91fbff;border-color:#74f7ff4d;box-shadow:inset 0 0 24px #00d1ff14}.danger,.danger-action{color:#ffeae8;background:#ff525224;border:1px solid rgba(255,112,112,.24)}.primary:active,.secondary:active,.admin-actions button:active{transform:scale(.985)}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.section-title{padding:2px 2px 0}.section-title h2{margin-bottom:0}.tariff-grid,.admin-list{padding-bottom:8px}.tariff-card,.admin-card{position:relative;overflow:hidden;padding:16px;display:grid;gap:13px}.tariff-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 12%,rgba(116,247,255,.16),transparent 9rem)}.tariff-card>*{position:relative;z-index:1}.accent-1:before{background:radial-gradient(circle at 92% 12%,rgba(56,132,255,.2),transparent 9rem)}.accent-2:before{background:radial-gradient(circle at 92% 12%,rgba(95,255,200,.18),transparent 9rem)}.tariff-top,.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.price{margin-bottom:0;font-size:2.05rem;font-weight:920;line-height:1}.tariff-features{display:grid;gap:8px;color:#b9c7dc;font-size:.86rem}.tariff-features span{display:inline-flex;align-items:center;gap:7px}.profile-head{justify-content:flex-start;padding:16px}.avatar{width:58px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#031918;background:linear-gradient(135deg,#7df8ff,#2dffbf);font-size:1.5rem;font-weight:920;box-shadow:0 0 26px #2dffbf38}.list{overflow:hidden}.row{min-height:48px;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.075)}.row:last-child{border-bottom:0}.wide{width:100%}.admin-summary{display:grid;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;overflow:hidden}.admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-actions button{min-height:42px;padding:0 8px;font-size:.78rem}.history{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff09;overflow:hidden}.history summary{padding:11px 12px;color:#b9c7dc;cursor:pointer;font-weight:780}.history-list{display:grid;gap:7px;padding:0 12px 12px;color:#8fa2c2;font-size:.78rem}.notice{margin-bottom:14px;padding:12px;border-radius:8px;color:#ffebe5;background:#ff5c5c24;border:1px solid rgba(255,92,92,.22);overflow-wrap:anywhere}.toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:20;width:min(calc(100% - 32px),420px);transform:translate(-50%);padding:13px 16px;border-radius:8px;color:#031918;background:linear-gradient(135deg,#7df8ff,#2dffbf);font-weight:900;text-align:center;box-shadow:0 14px 42px #00000059,0 0 24px #2dffbf38}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#00000094;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal{position:relative;width:min(100%,420px);padding:20px}.modal-close{position:absolute;top:12px;right:12px;width:38px;aspect-ratio:1;border-radius:8px;display:grid;place-items:center;color:#d9e6ff;background:#ffffff12;border:1px solid rgba(255,255,255,.1);cursor:pointer}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.bottom-nav{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 24px),492px);height:66px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;border-radius:8px;border:1px solid rgba(121,222,255,.18);background:#050a16d1;box-shadow:0 16px 54px #0000006b,0 0 26px #00d1ff17;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.nav{border-radius:8px;display:grid;place-items:center;gap:2px;color:#8fa2c2;background:transparent;cursor:pointer}.nav span{font-size:.72rem;font-weight:760}.nav.active{color:#031918;background:linear-gradient(135deg,#7df8ff,#2dffbf);box-shadow:0 0 20px #2dffbf33}@keyframes breathe{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.04);opacity:.9}}@media(max-width:430px){.app{padding-left:12px;padding-right:12px}.hero-panel{min-height:0;padding:16px}.logo-core{width:96px}.hero-copy h2{font-size:1.45rem}}@media(max-width:390px){.hero-header{align-items:flex-start;flex-direction:column}.hero-stats,.admin-actions{grid-template-columns:1fr}.live-chip{white-space:normal}}.app{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.hero-panel{min-height:0;padding:18px;border-color:#7ef2ff47;background:radial-gradient(circle at 18% 18%,rgba(126,242,255,.16),transparent 11rem),radial-gradient(circle at 94% 0%,rgba(43,96,255,.2),transparent 12rem),linear-gradient(145deg,#ffffff21,#ffffff09),#030812d6;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #7ef2ff1f,0 20px 80px #0000006b,0 0 46px #00a7ff24}.hero-panel:after{width:72%;left:14%;top:auto;bottom:0}.hero-grid{background:radial-gradient(circle at 26% 22%,rgba(71,151,255,.16),transparent 12rem),linear-gradient(120deg,transparent 0 52%,rgba(116,247,255,.09) 52.5%,transparent 53%),repeating-linear-gradient(90deg,transparent 0 22px,rgba(116,247,255,.035) 23px,transparent 24px)}.hero-header{padding-bottom:10px;border-bottom:1px solid rgba(121,222,255,.1)}.hero-grid:after{content:"";position:absolute;inset:0;transform:translate(-70%);background:linear-gradient(100deg,transparent 0 42%,rgba(255,255,255,.09) 50%,transparent 58%);animation:sweep 5.8s ease-in-out infinite}.hero-copy{margin-bottom:14px}.hero-copy h2{font-size:1.58rem;text-shadow:0 0 24px rgba(116,247,255,.18)}.hero-stats .metric{border-color:#79deff38;background:linear-gradient(145deg,#7ef2ff13,#ffffff09),#ffffff0a}.primary{position:relative;overflow:hidden}.primary:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 38%,rgba(255,255,255,.28) 48%,transparent 58%);transform:translate(-120%);transition:transform .26s ease}.primary:active:after{transform:translate(120%)}.tariff-card{border-color:#79deff33}.tariff-card:has(.current){border-color:#2dffbf6b;box-shadow:inset 0 1px #ffffff29,0 0 38px #2dffbf1f,0 18px 70px #00000057}.admin-card{border-color:#79deff24;background:linear-gradient(145deg,#ffffff14,#ffffff07),#040a16c2}.admin-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(126,242,255,.2),transparent 34%);opacity:.11}.admin-card>*{position:relative;z-index:1}.bottom-nav{background:linear-gradient(145deg,#ffffff17,#ffffff08),#030812e0}.admin-dashboard{display:grid;gap:10px;padding:14px;border:1px solid rgba(121,222,255,.15);border-radius:8px;background:#ffffff0b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.admin-stats .metric{min-height:58px;padding:9px}.admin-stats .metric span{font-size:.68rem}.admin-stats .metric strong{font-size:1rem}.search-box{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:8px;color:#84f8ff;border:1px solid rgba(121,222,255,.16);background:#ffffff0e}.search-box input{width:100%;min-width:0;color:#f4f9ff;background:transparent;border:0;outline:0;font:inherit;font-size:.86rem}.search-box input::placeholder{color:#6f829f}.filter-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;min-height:34px;padding:0 11px;border-radius:999px;color:#b9c7dc;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);font-size:.76rem;font-weight:820}.filter.active{color:#031918;background:linear-gradient(135deg,#7df8ff,#2dffbf)}.compact-note{font-size:.76rem}.empty-state{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;color:#8fa2c2;border:1px dashed rgba(121,222,255,.18);border-radius:8px;background:#ffffff09}.tariff-card,.admin-card{padding:14px;gap:10px}.admin-summary .row{min-height:38px;padding:9px 11px}.admin-actions{gap:7px}.admin-actions button{min-height:36px;font-size:.74rem}.admin-actions.single{grid-template-columns:1fr}.wide-action{grid-column:1 / -1}.bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom));height:58px;padding:6px}.nav span{font-size:.68rem}@keyframes sweep{0%,62%,to{transform:translate(-70%);opacity:0}72%{opacity:1}90%{transform:translate(70%);opacity:0}}@media(max-width:430px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h2{font-size:1.38rem}}.device-panel{padding:18px;margin-top:18px}.device-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-panel-head h3{margin:0;font-size:1.05rem}.device-panel-head>span{color:#75e6c6;font-weight:650;white-space:nowrap}.device-list{display:grid;gap:12px;margin:16px 0}.device-card{padding:13px;border:1px solid rgba(136,168,210,.17);border-radius:16px;background:#08111fa6}.device-title{display:flex;align-items:center;gap:8px}.device-title input{width:100%;min-width:0;background:transparent;color:inherit;border:0;padding:8px 2px;font:inherit}.device-state{color:#75e6c6;font-size:.7rem;white-space:nowrap}.device-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.device-actions .secondary{flex:1;padding:11px 9px;font-size:.75rem;min-width:100px}.device-delete{color:#fb9da9;padding:10px;border:1px solid rgba(251,157,169,.3);background:#fb9da90f;border-radius:12px}.device-new-name{width:100%;margin:4px 0 12px;padding:13px;color:inherit;border:1px solid rgba(136,168,210,.22);border-radius:12px;background:#08111fb3;font:inherit;font-size:.83rem}.device-panel button:disabled{opacity:.45;cursor:not-allowed}