.onboarding-shell{width:min(100%,460px);min-height:100vh;margin:auto;padding:14px 16px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 12%,#31104f 0,#100919 34%,#05050a 72%);color:#fff}.onboarding-progress{height:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-items:center}.onboarding-progress i{height:3px;border-radius:4px;background:#31263d}.onboarding-progress i.active{background:linear-gradient(90deg,#7625ff,#d050ff);box-shadow:0 0 12px #a73cff}.onboarding-screen{min-height:calc(100vh - 52px);display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-screen>img{width:100%;height:clamp(225px,39vh,350px);object-fit:contain;filter:drop-shadow(0 18px 35px #0008);margin:4px 0 3px}.onboarding-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #672b9a;border-radius:20px;background:#3b155c;color:#e3b8ff;font-size:11px;font-weight:700}.onboarding-kicker svg{width:15px;height:15px}.onboarding-screen h1{font-size:clamp(25px,7vw,32px);line-height:1.12;margin:13px 0 9px}.onboarding-screen>p{max-width:360px;color:#aaa1b4;line-height:1.45;margin:0 0 17px}.onboarding-primary,.onboarding-secondary,.onboarding-back{width:100%;min-height:54px;border-radius:15px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.onboarding-primary{border:0;background:linear-gradient(135deg,#711fff,#b13cff);box-shadow:0 10px 30px #7625ff42;margin-top:auto}.onboarding-secondary{border:1px solid #8732d5;background:#110b19;margin:9px 0}.onboarding-back{border:0;background:transparent;color:#9e94a9;min-height:40px}.onboarding-primary svg,.onboarding-secondary svg{width:19px}.onboarding-devices{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.onboarding-devices button{position:relative;min-height:62px;border:1px solid #2b2235;border-radius:14px;background:#0d0a12;color:#fff;padding:10px;display:flex;align-items:center;gap:9px;text-align:left}.onboarding-devices button.selected{border-color:#9e3cff;background:#28113a}.onboarding-devices button>svg:first-child{color:#b34fff;width:22px}.onboarding-devices button>svg:last-child{position:absolute;right:8px;width:15px;color:#53e6a8}.onboarding-device-label{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #30213e;background:#0d0a13;border-radius:14px;text-align:left}.onboarding-device-label>svg{color:#b44eff}.onboarding-device-label span{display:flex;flex-direction:column}.onboarding-device-label small{color:#918799}.key-screen>img{height:clamp(210px,35vh,315px)}.onboarding-loader{width:38px;height:38px;border:3px solid #3e2850;border-top-color:#b244ff;border-radius:50%;animation:spin 1s linear infinite;margin:2px 0 16px}.onboarding-key{width:100%;padding:10px 9px 10px 13px;border:1px solid #482565;border-radius:14px;background:#0a0810;display:flex;align-items:center;gap:8px;margin-bottom:8px}.onboarding-key code{min-width:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d5c9df;font-size:11px}.onboarding-key button{width:38px;height:38px;border:0;border-radius:11px;background:#2c1741;color:#d8b3ff;display:grid;place-items:center}.onboarding-key svg{width:17px}.creating-note{color:#897f91;margin-top:8px}@media(min-width:700px){.onboarding-shell{margin:18px auto;border:1px solid #2a2034;border-radius:28px;min-height:calc(100vh - 36px)}.onboarding-screen{min-height:calc(100vh - 88px)}}.detected-device{width:100%;margin:-5px 0 9px;color:#aaa1b4;font-size:11px}.detected-device b{color:#d7b2ff}.import-button{margin-top:10px}.manual-copy{width:100%;min-height:42px;border:0;background:transparent;color:#a99daf;display:flex;align-items:center;justify-content:center;gap:7px}.manual-copy svg{width:16px}.connect-button{width:100%;min-height:54px;margin-top:9px;border:1px solid #8732d5;border-radius:15px;background:#110b19;color:#fff;font-weight:700}.subscription-connect{width:100%;min-height:54px;margin-top:10px;padding:0 16px;border:0;border-radius:15px;background:linear-gradient(135deg,#711fff,#a938ff);color:#fff;display:flex;align-items:center;gap:9px;font-weight:750}.subscription-connect svg{width:19px}.subscription-connect svg:last-child{margin-left:auto}.connection-guide{margin-top:10px;padding:15px;border:1px solid #42245e;border-radius:18px;background:linear-gradient(145deg,#171020,#09080e)}.connection-guide h3{margin:0 0 4px}.connection-guide>p{margin:0 0 13px;color:#9e94a8;font-size:12px}.connection-step{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #251b30}.connection-step>b{width:27px;height:27px;border-radius:50%;background:#8330e3;display:grid;place-items:center;font-size:12px}.connection-step span{min-width:0;display:flex;flex-direction:column;gap:3px}.connection-step small{color:#958a9f;font-size:9px}.connection-step button{min-height:36px;padding:0 9px;border:1px solid #7233a6;border-radius:10px;background:#271239;color:#fff;display:flex;align-items:center;gap:5px;font-size:10px}.connection-step button:disabled{opacity:.45}.connection-step button svg{width:14px}.connection-wait{margin-top:8px;padding:10px;border-radius:10px;background:#382116;color:#ffc78a;font-size:10px;line-height:1.4}.device-list{display:grid;gap:9px}.device-list article{min-width:0;padding:13px;border:1px solid #282034;border-radius:15px;background:#0e0c15;display:flex;align-items:center;gap:11px}.device-icon{width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:#28123b;color:#ad4eff;display:grid;place-items:center}.device-list article>div{min-width:0;display:flex;flex-direction:column;gap:4px}.device-list b,.device-list small,.device-list em{overflow:hidden;text-overflow:ellipsis}.device-list small{color:#a59aaa;font-size:10px;white-space:normal}.device-list em{color:#5fdaa6;font-size:9px;font-style:normal;white-space:nowrap}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8f5ff;background:#05050b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#22103f 0,#090712 38%,#05050b 75%);min-width:320px}button,a{font:inherit}.app-shell{width:min(100%,460px);min-height:100vh;margin:auto;padding-bottom:88px;background:linear-gradient(180deg,#140d22f5,#07070d 45%);overflow:hidden}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.topbar img{width:120px;height:38px;object-fit:contain}.icon-button{width:40px;height:40px;border:1px solid #302442;background:#100d19;color:#eee;border-radius:13px;display:grid;place-items:center}.icon-button svg{width:19px}.top-spacer{width:40px}.hero{height:440px;position:relative;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05050b14 40%,#090711 94%)}.hero-logo{position:absolute;z-index:2;top:12px;left:18px;width:145px;height:45px;object-fit:contain}.status-card{position:absolute;z-index:3;left:16px;right:16px;bottom:7px;padding:16px;display:flex;gap:12px;align-items:center;border:1px solid #503176;border-radius:18px;background:linear-gradient(135deg,#161221f5,#4b1760eb);box-shadow:0 12px 45px #000}.status-card.online{background:linear-gradient(135deg,#181329,#282044)}.status-dot{width:45px;height:45px;border-radius:50%;background:#ff445f33;color:#ff526b;display:grid;place-items:center}.online .status-dot{background:#38db9a25;color:#39e7a3}.status-card div{display:flex;flex-direction:column;gap:5px;flex:1}.status-card strong{font-size:16px}.status-card small{color:#aaa1b9}.status-card>svg{width:18px}.cta-stack{display:grid;gap:12px;padding:10px 16px 18px}.trial-button,.outline-button,.primary{border:0;border-radius:16px;color:#fff;min-height:58px}.trial-button{padding:12px 16px;background:linear-gradient(135deg,#711fff,#b13cff);display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #7625ff42}.trial-button>svg:first-child{padding:7px;width:38px;height:38px;background:#ffffff1f;border-radius:12px}.trial-button span{display:flex;flex:1;text-align:left;flex-direction:column}.trial-button small{opacity:.75;margin-top:3px}.outline-button{border:1px solid #9139e7;background:#0c0913;font-weight:650;display:flex;align-items:center;justify-content:center;gap:9px}.features{padding:0 16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.features div{min-height:65px;border:1px solid #211a2e;border-radius:14px;background:#0d0b15;padding:12px;display:flex;gap:9px;align-items:center;font-size:12px}.features svg{color:#a64cff;width:22px}.subscription-summary{margin:12px 16px 18px;padding:18px;border:1px solid #342249;border-radius:20px;background:linear-gradient(145deg,#171123,#0b0912)}.summary-head{display:flex;justify-content:space-between}.summary-head h2{margin:8px 0}.badge{font-size:11px;color:#42e8a8;background:#12382c;padding:5px 8px;border-radius:20px}.ring{width:62px;height:62px;border-radius:50%;border:7px solid #923bff;display:grid;place-items:center;box-shadow:0 0 20px #8d36ff77}.metric-grid,.action-grid{display:grid;gap:10px;margin-top:16px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid div{background:#0a0910;border:1px solid #20192d;padding:12px;border-radius:13px;display:flex;flex-direction:column;gap:5px}.metric-grid small{color:#9f96aa}.metric-grid b{font-size:12px}.action-grid{grid-template-columns:repeat(3,1fr)}.action-grid button{min-height:67px;border:1px solid #332446;border-radius:13px;background:#100c18;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px}.action-grid button:first-child{background:linear-gradient(135deg,#7423ef,#a536ff)}.action-grid svg{width:20px}.page{padding:0 16px 24px}.page .topbar{margin:0 -16px}.page h1{font-size:23px;margin:15px 0 18px}.plan-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-switch button{border:1px solid #292033;background:#0c0b12;color:#fff;border-radius:16px;padding:18px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.plan-switch button.selected{border-color:#9637ff;background:linear-gradient(145deg,#35105e,#120e1d)}.plan-switch svg{color:#b35cff}.plan-switch small{color:#aaa1b4}.duration-list{display:grid;gap:9px;margin:16px 0}.duration-list button{height:48px;border:1px solid #201929;background:#0c0b12;color:#eee;border-radius:13px;padding:0 13px;display:flex;align-items:center;gap:10px}.duration-list button.selected{border-color:#9439fa;background:#1b1029}.duration-list i{width:22px;height:22px;border:2px solid #514565;border-radius:50%}.duration-list .selected i{border:6px solid #8f32ef}.duration-list span{flex:1;text-align:left}.duration-list em{font-size:10px;font-style:normal;color:#42df9f;background:#15382d;padding:3px 5px;border-radius:5px}.benefits{list-style:none;padding:0;display:grid;gap:10px;color:#c8c0d2}.benefits li{display:flex;gap:9px;align-items:center}.benefits svg{width:20px;color:#9d45ff}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;background:linear-gradient(135deg,#711fff,#a938ff);font-weight:700;text-decoration:none}.wide{width:100%}.device-limit,.empty-card{border:1px solid #282034;background:#0e0c15;border-radius:17px;padding:16px;margin-bottom:14px}.device-limit span,.device-limit small{color:#aaa1b4}.device-limit b{display:block;font-size:22px;margin:5px 0}.device-limit>div{height:7px;border-radius:10px;background:#211a2d;margin:10px 0}.device-limit i{display:block;width:5%;height:100%;background:#9b38ff;border-radius:10px}.empty-card{text-align:center;padding:35px 20px}.empty-card>svg{width:50px;height:50px;color:#a748ff}.empty-card p{color:#aaa1b4}.app-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.app-tabs button{height:40px;border:1px solid #251c32;border-radius:12px;background:#0b0911;color:#aaa}.app-tabs .selected{background:#8b2df0;color:#fff}.phone-shot{height:265px;overflow:hidden;border-radius:18px;border:1px solid #36234d;background:#09150d}.phone-shot img{width:100%;height:100%;object-fit:cover;object-position:center 7%}.steps{padding:5px 0;list-style:none}.steps li{display:flex;gap:12px;padding:11px 2px}.steps li>b{width:28px;height:28px;background:#9135f6;border-radius:50%;display:grid;place-items:center}.steps span{display:flex;flex-direction:column;gap:4px}.steps small{color:#9d94a8}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:min(100%,460px);height:75px;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#050509ee;border-top:1px solid #18121f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{border:0;background:transparent;color:#817989;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px}.bottom-nav svg{width:20px}.bottom-nav .active{color:#a948ff}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:radial-gradient(circle,#281144,#07070c 62%)}.center-screen img{width:78px;height:78px}.center-screen p{color:#aaa1b5;max-width:300px}.loader{width:32px;height:32px;border:3px solid #362347;border-top-color:#a63dff;border-radius:50%;animation:spin 1s linear infinite;margin:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.app-shell{margin:18px auto;border:1px solid #282030;border-radius:28px;min-height:calc(100vh - 36px);box-shadow:0 25px 80px #000}.bottom-nav{bottom:18px;border-radius:0 0 28px 28px}}.current-plan{border:1px solid #42245e;border-radius:20px;padding:16px;background:linear-gradient(145deg,#1b1129,#0a0911);box-shadow:0 14px 35px #0006}.current-title{display:flex;align-items:center;gap:11px}.current-title>div{flex:1}.current-title h2{margin:3px 0 0}.current-title small{color:#a99fb3}.plan-icon{width:43px;height:43px;border-radius:13px;background:#8d32f52c;color:#b85cff;display:grid;place-items:center}.plan-icon svg{width:22px}.state{font-size:10px;padding:5px 8px;border-radius:20px;color:#ffbd77;background:#4a2b13}.current-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.current-stats div{padding:11px;border:1px solid #251b32;border-radius:12px;background:#09080e;display:flex;flex-direction:column;gap:4px}.current-stats small{color:#958b9f;font-size:10px}.current-stats b{font-size:12px}.key-panel{border-top:1px solid #2b2037;padding-top:13px}.key-panel>span{display:flex;gap:7px;align-items:center;font-size:12px;color:#c7bdd0}.key-panel>span svg{width:16px;color:#a748ff}.key-panel button{float:right;margin-top:-23px;border:0;border-radius:9px;background:#2b1740;color:#d8b6ff;padding:7px 9px;font-size:10px;display:flex;gap:5px}.key-panel button svg{width:13px;height:13px}.key-panel code{display:block;clear:both;margin-top:12px;padding:11px;background:#08070c;border-radius:10px;color:#aaa0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.section-title{font-size:18px;margin:24px 0 12px}.plan-switch button em{font-size:9px;font-style:normal;color:#d9b8ff;background:#6f22ac55;padding:4px 7px;border-radius:12px}.subscription-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}.subscription-picker button{min-width:0;border:1px solid #292034;border-radius:14px;padding:10px;background:#0c0a12;color:#fff;display:flex;align-items:center;gap:8px;text-align:left}.subscription-picker button.selected{border-color:#a33cff;background:linear-gradient(145deg,#28113d,#110b19);box-shadow:0 0 20px #932cff2b}.subscription-picker svg{width:19px;flex:0 0 auto;color:#ae4dff}.subscription-picker span{min-width:0;display:flex;flex-direction:column;gap:3px}.subscription-picker b,.subscription-picker small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-picker b{font-size:11px}.subscription-picker small{font-size:8px;color:#9b91a5}.metric-grid .metric-link{position:relative;display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid #20192d;border-radius:13px;background:#0a0910;color:#fff;text-align:left}.metric-grid .metric-link>svg{position:absolute;top:50%;right:10px;width:15px;color:#a748ff;transform:translateY(-50%)}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:15px 0 18px}.page-title-row h1{margin:0 0 5px}.page-title-row p{margin:0;color:#968ca1;font-size:12px;line-height:1.4}.refresh-devices{width:42px;height:42px;flex:0 0 auto;border:1px solid #3b2851;border-radius:13px;background:#15101e;color:#b455ff;display:grid;place-items:center}.refresh-devices:disabled{opacity:.55}.refresh-devices svg{width:19px}.spinning{animation:spin 1s linear infinite}.device-list{display:grid;gap:10px}.device-list article{display:block;min-width:0;border:1px solid #2b2038;border-radius:17px;padding:14px;background:linear-gradient(145deg,#14101d,#0a0910);transition:border-color .2s ease}.device-list article.confirming{border-color:#704023}.device-main{display:flex;gap:12px;align-items:flex-start}.device-icon{width:43px;height:43px;flex:0 0 auto;border-radius:13px;background:#8d32f522;color:#b34fff;display:grid;place-items:center}.device-icon svg{width:21px}.device-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.device-copy>b{font-size:14px}.device-copy>b,.device-copy>small,.device-copy>em{overflow-wrap:anywhere;white-space:normal}.device-copy>small{color:#aaa0b4;font-size:11px;line-height:1.4}.device-copy>em{color:#756d80;font-size:10px;font-style:normal}.device-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.device-actions button,.delete-confirm button{min-height:39px;border:1px solid #30223f;border-radius:11px;background:#171020;color:#cdbfd8;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.device-actions button svg,.delete-confirm button svg{width:15px}.device-actions .delete-action{color:#ff9f9f;border-color:#522b38;background:#211018}.device-actions .primary-action{color:#fff;border-color:#8c36e7;background:linear-gradient(135deg,#7024dd,#a23cff)}.device-edit{position:relative;display:grid;gap:5px}.device-edit label{font-size:10px;color:#a99fb4}.device-edit input{width:100%;height:39px;border:1px solid #7440a1;border-radius:10px;background:#09070d;color:#fff;padding:0 42px 0 10px;outline:none}.device-edit input:focus{border-color:#bd67ff;box-shadow:0 0 0 3px #9f3cff22}.device-edit small{position:absolute;right:9px;bottom:12px;font-size:9px;color:#716878}.delete-confirm{margin-top:13px;padding:12px;border-radius:12px;background:#211017}.delete-confirm strong{font-size:13px;color:#ffd1d1}.delete-confirm p{margin:6px 0 11px;color:#b99ca5;font-size:11px;line-height:1.45}.delete-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delete-confirm .danger{color:#fff;border-color:#a74056;background:#a52d47}.device-message{margin:0 0 12px;padding:11px 12px;border-radius:12px;font-size:11px;line-height:1.4}.device-message.success{border:1px solid #235c48;background:#102e25;color:#83ebc2}.device-message.error{border:1px solid #6a3042;background:#2a111a;color:#ffafbd}.device-note{display:flex;gap:11px;margin-top:15px;padding:14px;border:1px solid #2c2040;border-radius:15px;background:#110c19}.device-note>svg{width:21px;flex:0 0 auto;color:#a64cff}.device-note p{display:flex;flex-direction:column;gap:4px;margin:0}.device-note b{font-size:12px}.device-note span{color:#958b9f;font-size:11px;line-height:1.45}@media(prefers-reduced-motion:reduce){.spinning{animation:none}}.payment-box{margin:18px 0 12px;padding:15px;border:1px solid #2a2036;border-radius:16px;background:#0c0a12}.payment-box h3{margin:0 0 12px;font-size:15px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.payment-methods button{height:40px;border:1px solid #2a2035;border-radius:11px;background:#12101a;color:#aaa}.payment-methods button.selected{border-color:#9a3aff;background:#32104f;color:#fff}.payment-box input{width:100%;height:46px;margin-top:10px;border:1px solid #332442;border-radius:11px;background:#08070c;color:#fff;padding:0 12px;outline:none}.payment-box input:focus{border-color:#9c3cff}.order-message{font-size:12px;color:#bcb2c6;margin:11px 0 0}.order-message.paid{color:#48e7a4}.order-message.failed{color:#ff7f91}.order-message.review{color:#ffc471}.primary:disabled{opacity:.55}.maintenance-screen{min-height:100dvh;background:#080711;color:#fff;display:flex;flex-direction:column}.maintenance-screen>img{width:100%;height:42dvh;min-height:260px;object-fit:cover;object-position:center}.maintenance-copy{position:relative;margin-top:-28px;padding:28px 22px 40px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#171226,#090812);text-align:center}.maintenance-copy>span,.admin-label{display:inline-block;padding:7px 12px;border:1px solid #7c3aed66;border-radius:999px;background:#7c3aed1f;color:#c9a7ff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.maintenance-copy h1{margin:16px 0 12px;font-size:27px;line-height:1.12}.maintenance-copy p{margin:8px auto;color:#c5bfd2;line-height:1.5;max-width:380px}.maintenance-copy .primary{margin-top:22px;text-decoration:none}.admin-entry{width:calc(100% - 32px);margin:12px 16px 4px;padding:13px 14px;display:flex;align-items:center;gap:12px;border:1px solid #8b5cf64d;border-radius:16px;background:linear-gradient(135deg,#22133b,#11101c);color:#fff;text-align:left}.admin-entry>svg{color:#b76cff}.admin-entry span{flex:1;display:flex;flex-direction:column}.admin-entry small{color:#9e96ad;margin-top:2px}.admin-page{padding-bottom:30px}.admin-page>.admin-label{margin-top:10px}.maintenance-control{margin-top:20px;padding:20px;border:1px solid #2d2938;border-radius:20px;background:#12101c}.maintenance-control.enabled{border-color:#8b5cf680;background:linear-gradient(145deg,#211438,#12101c)}.maintenance-control-head{display:flex;gap:13px;align-items:center}.maintenance-control-head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#262231;color:#aaa}.maintenance-control.enabled .maintenance-control-head>span{background:#7c3aed;color:#fff}.maintenance-control h2{font-size:18px;margin:3px 0}.maintenance-control small{color:#948b9f}.maintenance-control p{color:#b9b2c4;line-height:1.5}.danger-button{width:100%;padding:15px;border:1px solid #ef444480;border-radius:14px;background:#ef444419;color:#ff9191;font-weight:800}.admin-note{display:flex;gap:12px;margin-top:15px;padding:16px;border-radius:16px;background:#11101a;color:#aaa}.admin-note svg{flex:none;color:#a855f7}.admin-note p{margin:0;line-height:1.45}.admin-error{margin:12px 0;padding:10px;border-radius:10px;background:#ef444422;color:#ff9f9f}:root{--color-bg: #05050b;--color-surface: #0e0c15;--color-border: #2b2038;--color-primary: #9b38ff;--color-primary-bright: #b455ff;--color-text: #f8f5ff;--color-muted: #aaa1b4;--color-success: #42e8a8;--color-warning: #ffc471;--color-danger: #ff9f9f;--z-backdrop: 500;--z-dialog: 600;scrollbar-color:#6e2cab #100c18;scrollbar-width:thin}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#100c18}*::-webkit-scrollbar-thumb{border:2px solid #100c18;border-radius:999px;background:#6e2cab}*::-webkit-scrollbar-thumb:hover{background:#9140d8}html,body,#root{max-width:100%;overflow-x:hidden}main,section,article,div,span{min-width:0}img,svg{max-width:100%}button{max-width:100%;overflow-wrap:anywhere}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a[href]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d99bff;outline-offset:3px}button{transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}button:not(:disabled):active{transform:translateY(1px)}.app-shell,.onboarding-shell,.center-screen{min-height:100dvh}.decorative-icon{pointer-events:none}.support-link{margin-top:16px;color:#cda8ef}.center-screen>svg{width:58px;height:58px;color:var(--color-warning)}.app-message{margin:0 16px 12px;padding:12px 14px;border-radius:13px;font-size:13px;line-height:1.45}.app-message.error{border:1px solid #6a3042;background:#2a111a;color:#ffbdc8}.app-message.success{border:1px solid #235c48;background:#102e25;color:#83ebc2}.global-message{position:fixed;z-index:900;top:max(10px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 32px),428px);margin:0;transform:translate(-50%);box-shadow:0 14px 44px #000a}.ring{grid-template-rows:auto auto;align-content:center;line-height:1}.ring small{margin-top:3px;color:#c5b5d3;font-size:9px}.status-card div,.summary-head>div,.current-title>div{min-width:0}.status-card strong,.status-card small,.summary-head h2,.current-title h2{overflow-wrap:anywhere}.summary-head{gap:12px}.ring,.status-alert,.state,.plan-icon{flex:0 0 auto}.metric-grid b,.current-stats b,.device-limit small,.restore-note,.order-message{overflow-wrap:anywhere}.current-title{flex-wrap:wrap}.current-title .state{margin-left:auto}.plan-switch button,.duration-list button,.payment-methods button,.duration-list span{min-width:0}.duration-list b,.duration-list em{flex:0 0 auto}.benefits svg,.features svg{flex:0 0 auto}.steps span{min-width:0}.steps strong,.steps small{overflow-wrap:anywhere}.bottom-nav button{min-width:0;padding-inline:2px}.badge.warning,.state.warning{color:#ffd099;background:#4a2b13}.badge.danger,.state.danger{color:#ffb1bf;background:#4b1824}.state.active{color:#54edaf;background:#123b2d}.status-warning{border-color:#70441d}.status-danger{border-color:#6a2b3a}.status-alert{width:48px;height:48px;color:var(--color-warning)}.status-explanation{margin:8px 0 0;color:#c2b7ca;font-size:13px;line-height:1.45}.metric-grid{align-items:stretch}.metric-grid>div,.metric-grid>button{min-height:63px}.action-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.restore-note{margin:14px 0 0;padding:12px;border-radius:12px;background:#211522;color:#c9bccf;font-size:13px;line-height:1.45}.supported-app{display:flex;align-items:center;gap:8px;margin-bottom:13px;padding:12px 14px;border:1px solid #3b2851;border-radius:13px;background:#15101e;color:#bfb4c8;font-size:13px}.supported-app svg{width:18px;color:var(--color-primary-bright)}.supported-app b{color:#fff}.empty-card.compact{margin-top:12px;padding:22px 16px}.empty-card.compact>svg{width:38px;height:38px}.payment-return{width:100%;min-height:44px;margin-top:11px;border:1px solid #8d36dc;border-radius:12px;background:#21102f;color:#fff;font-weight:700}.modal-layer{position:fixed;inset:0;z-index:var(--z-backdrop)}.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#020106c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.payment-dialog{position:absolute;z-index:var(--z-dialog);left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),430px);max-height:calc(100dvh - 36px);overflow:auto;transform:translate(-50%);padding:22px;border:1px solid #573274;border-radius:22px;background:linear-gradient(155deg,#21122f,#0b0911 64%);box-shadow:0 22px 70px #000b}.dialog-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#8d32f52c;color:#c06cff}.dialog-icon svg{width:23px}.payment-dialog h2{margin:15px 0 9px;font-size:20px}.payment-dialog p{margin:0;color:#b9afc1;line-height:1.7}.payment-dialog p b{color:#fff}.dialog-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:19px}.dialog-actions button{min-height:50px;border:1px solid #382747;border-radius:13px;background:#14101b;color:#fff}.dialog-actions .primary{border-color:#933cff;background:linear-gradient(135deg,#711fff,#a938ff)}.subscription-picker small{font-size:10px}.current-stats small,.device-copy>em{font-size:11px}.key-panel button,.key-panel code,.connection-step button,.connection-step small{font-size:11px}.connection-step button{min-height:44px}.onboarding-key button,.icon-button,.refresh-devices{min-width:44px;min-height:44px}.device-actions button,.delete-confirm button{min-height:44px}.bottom-nav button{min-height:55px}@media(hover:hover){button:not(:disabled):hover{border-color:#8750b0}.bottom-nav button:hover{color:#c77bff}}@media(max-width:370px){.page{padding-right:12px;padding-left:12px}.page .topbar{margin-right:-12px;margin-left:-12px}.subscription-summary{margin-right:12px;margin-left:12px;padding:15px}.status-card{right:12px;left:12px;padding:13px;gap:9px}.status-dot{width:40px;height:40px;flex:0 0 auto}.status-card strong{font-size:14px}.status-card small{font-size:10px;line-height:1.35}.features{padding-right:12px;padding-left:12px;gap:8px}.features div{padding:10px;gap:7px}.metric-grid{gap:8px}.metric-grid>div,.metric-grid>button{padding:10px}.connection-step{grid-template-columns:28px minmax(0,1fr)}.connection-step button{grid-column:2;width:100%;justify-content:center}.device-actions button,.delete-confirm button{padding:6px;font-size:10px}.dialog-actions{grid-template-columns:1fr}.payment-dialog{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){:root{scrollbar-color:auto}button,a,input{forced-color-adjust:auto}}