*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%}button{user-select:none;-webkit-user-select:none;font-family:inherit}#root{height:100%}.ph{--acc: #1E9BE9;--acc-dk: #1470C8;--bg: #F4F8FC;--card: #fff;--text: #0F2438;--muted: #5A7286;--line: #E3EDF5;--chip: #EAF3FB;--ok: #1D9E75;--top-inset: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));--bot-inset: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px));height:100%;max-width:520px;margin:0 auto;background:var(--bg);position:relative;overflow:hidden;transition:background .3s}.ph.dark{--bg: #0D1B29;--card: #14283C;--text: #EAF3FB;--muted: #7E97AC;--line: #1F3850;--chip: #1A3049;--ok: #2FBF8F}.screens{height:calc(100% - 72px - var(--bot-inset));overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.screens::-webkit-scrollbar{display:none}.screen{display:none}.screen.active{display:block;animation:fadeSlide .28s ease}@keyframes fadeSlide{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.hdr{background:linear-gradient(135deg,#2aa7f0,#1470c8);color:#fff;padding:calc(20px + var(--top-inset)) 16px 20px}.hdr.hero{padding-bottom:48px}.hdr-row{display:flex;align-items:center;gap:10px;min-height:28px}.brand{font-weight:700;letter-spacing:3px;font-size:17px}.h-title{font-weight:600;font-size:17px}.badge{margin-left:auto;font-size:12px;font-weight:500;background:#ffffff38;padding:5px 12px;border-radius:12px;display:flex;align-items:center;gap:5px;white-space:nowrap}.tbtn{width:30px;height:30px;flex:none;border:none;border-radius:10px;background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s}.tbtn:active{transform:scale(.9)}.content{padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.content>*{min-width:0}.card{background:var(--card);border:.5px solid var(--line);border-radius:16px;padding:16px;transition:background .3s}.status-card{margin:-32px 16px 0;box-shadow:0 6px 18px #0f24380f}.lbl{font-size:12.5px;color:var(--muted)}.big{font-size:26px;font-weight:700;color:var(--text);margin:2px 0 12px}.bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--acc);border-radius:3px;transition:width 1.1s cubic-bezier(.22,1,.36,1)}.meta{display:flex;justify-content:space-between;margin-top:12px;font-size:12.5px;color:var(--muted)}.meta span{display:flex;align-items:center;gap:5px}.sect{font-size:13px;color:var(--muted);margin:4px 2px -4px}.btn{background:var(--acc);color:#fff;border:none;border-radius:14px;padding:15px;font-weight:600;font-size:15px;width:100%;cursor:pointer;transition:transform .1s,background .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.7}.btn.pulse{animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #1e9be973}60%{box-shadow:0 0 0 16px #1e9be900}to{box-shadow:0 0 #1e9be900}}.btn.ghost{background:var(--card);color:var(--text);border:.5px solid var(--line);font-weight:500}.btn.ghost svg{color:var(--acc)}.btn.ok-state{background:var(--ok)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nav{position:absolute;bottom:0;left:0;right:0;height:calc(72px + var(--bot-inset));background:var(--card);border-top:.5px solid var(--line);display:flex;padding:8px 10px calc(14px + var(--bot-inset));gap:4px;transition:background .3s;z-index:10}.nv{flex:1;border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--muted);cursor:pointer;border-radius:14px;padding:5px 0 4px;transition:background .2s,color .2s,transform .1s}.nv:active{transform:scale(.94)}.nv.on{color:var(--acc);background:#1e9be91f;font-weight:600}.seg{display:flex;background:var(--chip);border-radius:12px;padding:3px;gap:2px}.seg button{flex:1;border:none;background:none;padding:8px 0;border-radius:10px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s}.seg button.on{background:var(--card);color:var(--text);font-weight:600;box-shadow:0 1px 4px #0f24381f}.seg.seg-sm button{font-size:12.5px;padding:7px 0}.plan{display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative;margin-bottom:10px}.plan.sel{border:2px solid var(--acc);padding:14.5px}.nm{font-size:15px;font-weight:600;color:var(--text)}.sub{font-size:12.5px;color:var(--muted);margin-top:2px}.pr{font-size:16px;font-weight:700;color:var(--text);text-align:right}.pr small{display:block;font-size:11.5px;font-weight:400;color:var(--muted);margin-top:1px}.plan.sel .pr{color:var(--acc)}.tag{position:absolute;top:-10px;left:14px;background:var(--acc);color:#fff;font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:9px}.paynote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--muted)}.paysel{display:flex;gap:8px}.pchip{flex:1;background:var(--card);border:.5px solid var(--line);border-radius:12px;padding:8px 4px;text-align:center;cursor:pointer;transition:border-color .15s}.pchip.on{border:2px solid var(--acc);padding:6.5px 2.5px}.pchip .pn{font-size:13px;font-weight:600;color:var(--text)}.pchip.on .pn{color:var(--acc)}.pchip .ps{font-size:10.5px;color:var(--muted);margin-top:1px}.pchip.dis .pn{color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chipbtn{flex:1;min-width:72px;background:var(--chip);border:.5px solid transparent;border-radius:12px;padding:9px 6px;text-align:center;cursor:pointer;transition:border-color .15s}.chipbtn:active{border-color:var(--acc)}.chipbtn .cv{font-size:13.5px;font-weight:600;color:var(--text)}.chipbtn .cp{font-size:12px;color:var(--acc);font-weight:600;margin-top:1px}.switchrow{display:flex;justify-content:space-between;align-items:center;gap:12px}.sw{width:46px;height:26px;border-radius:13px;background:var(--line);position:relative;cursor:pointer;transition:background .2s;flex:none;border:none}.sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #00000040}.sw.on{background:var(--acc)}.sw.on:after{left:23px}.h-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:.5px solid var(--line);font-size:13.5px;color:var(--text);gap:8px;min-width:0}.h-row:last-child{border-bottom:none;padding-bottom:2px}.h-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-ok{color:var(--ok);display:flex;align-items:center;gap:4px;font-weight:500;white-space:nowrap}.h-pending{color:var(--muted);display:flex;align-items:center;gap:4px;font-weight:500;white-space:nowrap}.field{display:flex;gap:8px}.field input{flex:1;min-width:0;background:var(--chip);border:1px solid transparent;border-radius:12px;padding:11px 12px;font-size:13.5px;color:var(--text);outline:none}.field input:focus{border-color:var(--acc)}.field input[type=number]::-webkit-inner-spin-button,.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]{-moz-appearance:textfield;appearance:textfield}.field .go{background:var(--acc);color:#fff;border:none;border-radius:12px;padding:0 14px;cursor:pointer;display:flex;align-items:center}.err{color:#e24b4a;font-size:12.5px;margin-top:6px}.shake{animation:shake .35s}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.card-t{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text)}.card-t svg{color:var(--acc)}details{background:var(--card);border:.5px solid var(--line);border-radius:14px;padding:0 14px}summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 0;font-size:14px;font-weight:500;color:var(--text);cursor:pointer}summary svg{color:var(--acc);flex:none}summary:after{content:"›";color:var(--muted);font-size:18px;margin-left:auto;transform:rotate(90deg);transition:transform .2s}details[open] summary:after{transform:rotate(-90deg)}details p{font-size:13px;color:var(--muted);padding:0 0 13px 29px;line-height:1.55}.splash{position:absolute;inset:0;background:linear-gradient(160deg,#2aa7f0,#1470c8);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .45s}.splash.out{opacity:0;pointer-events:none}.splash .word{color:#fff;font-weight:700;letter-spacing:8px;font-size:24px;opacity:0;animation:up .6s .9s forwards}.splash .slogan{color:#ffffffd9;font-size:13px;opacity:0;animation:up .6s 1.1s forwards;margin-top:-10px}@keyframes up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.sailimg{height:120px;width:auto;animation:hoist 1.05s .1s cubic-bezier(.25,.9,.3,1) both}@keyframes hoist{0%{clip-path:inset(100% 0 0 0);transform:translateY(16px);opacity:.6}to{clip-path:inset(-5% 0 0 0);transform:none;opacity:1}}.wave{position:absolute;bottom:-8px;left:0;width:200%;animation:drift 3s linear infinite;opacity:.35}@keyframes drift{to{transform:translate(-50%)}}.sheetwrap{position:absolute;inset:0;z-index:20;visibility:hidden}.sheetwrap.open{visibility:visible}.dim{position:absolute;inset:0;background:#08142080;opacity:0;transition:opacity .25s}.sheetwrap.open .dim{opacity:1}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--card);border-radius:24px 24px 0 0;padding:10px 16px calc(26px + var(--bot-inset));transform:translateY(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);max-height:92%;overflow-y:auto}.sheetwrap.open .sheet{transform:none}.grip{width:38px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 14px}.sheet h4{font-size:16px;font-weight:600;color:var(--text);margin-bottom:2px;text-align:center}.app-row{display:flex;align-items:center;gap:12px;padding:12px;border:.5px solid var(--line);border-radius:14px;margin-bottom:8px;cursor:pointer;color:var(--text);font-size:14.5px;font-weight:500}.app-row:active{background:var(--chip)}.app-row.sel{border:2px solid var(--acc);padding:10.5px}.av{width:38px;height:38px;flex:none;border-radius:11px;background:var(--chip);color:var(--acc);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.acol{flex:1;min-width:0}.anm{font-size:14.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.rec{font-size:10.5px;color:var(--ok);background:#1d9e751f;padding:2px 7px;border-radius:8px;font-weight:600}.astore{font-size:12px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:5px}.achk{color:var(--line);flex:none}.app-row.sel .achk{color:var(--acc)}.stept{font-size:12.5px;font-weight:600;color:var(--muted);margin:10px 2px 8px}.qrbox{text-align:center;padding:8px 0}.qrbox canvas{border-radius:12px;background:#fff;padding:10px}.toast{position:absolute;bottom:calc(92px + var(--bot-inset));left:50%;transform:translate(-50%) translateY(16px);background:#0f2438;color:#fff;font-size:13px;padding:10px 18px;border-radius:12px;opacity:0;transition:all .3s;z-index:25;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.conf{position:absolute;width:8px;height:12px;top:-14px;z-index:28;animation:fall linear forwards;pointer-events:none}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}.onb{padding:36px 24px;text-align:center}.hero-img{width:116px;height:116px;border-radius:30px;margin:22px auto 20px;display:block;box-shadow:0 10px 26px #1470c859}.onb h2{color:var(--text);font-size:22px;margin-bottom:8px}.onb .sub2{color:var(--muted);font-size:14px;margin-bottom:20px}.feat{display:flex;gap:12px;align-items:center;text-align:left;padding:9px 4px;color:var(--text);font-size:14px}.feat .dot{width:36px;height:36px;flex:none;border-radius:11px;background:var(--chip);color:var(--acc);display:flex;align-items:center;justify-content:center}.trial-note{font-size:12px;color:var(--muted)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:var(--card);border:.5px solid var(--line);border-radius:14px;padding:12px 14px;transition:background .3s}.metric .mv{font-size:20px;font-weight:700;color:var(--text);margin-top:2px}.nv.adm-only{display:none}.ph.adm .nv.adm-only{display:flex}.srv-head{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted);padding:6px 0 8px;border-bottom:.5px solid var(--line)}.dot-ok{width:8px;height:8px;flex:none;border-radius:50%;background:var(--ok);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 0 #1d9e7559}50%{box-shadow:0 0 0 5px #1d9e7500}}.srow{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:.5px solid var(--line)}.srow:last-child{border-bottom:none}.fl{font-size:17px;width:32px;height:32px;flex:none;background:var(--chip);border-radius:9px;display:flex;align-items:center;justify-content:center}.fl img{width:22px;height:22px;display:block}.snm{font-size:13.5px;font-weight:600;color:var(--text);letter-spacing:.5px}.snm.sm{font-size:12px}.sping{margin-left:auto;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.sping i{width:7px;height:7px;border-radius:50%;background:var(--ok);display:block}.fullmsg{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center;color:var(--muted);font-size:14px}.fullmsg .ttl{font-size:18px;font-weight:600;color:var(--text)}.skel{background:linear-gradient(90deg,var(--line) 25%,var(--chip) 50%,var(--line) 75%);background-size:200% 100%;animation:shim 1.1s infinite;border-radius:8px}@keyframes shim{to{background-position:-200% 0}}.linkbtn{background:none;border:none;color:var(--acc);font:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}@media (prefers-reduced-motion: reduce){.btn.pulse,.dot-ok,.wave,.conf,.splash .word,.splash .slogan,.sailimg,.skel{animation:none!important}.screen.active{animation:none}.bar i{transition:none}}