:root{--bg: #0f1115;--bg-elev: #171a21;--card: #1b1f29;--border: #262b37;--text: #e7ebf2;--muted: #8b93a3;--primary: #3aa0ff;--primary-press: #2f8be0;--green: #34c759;--red: #ff5b5b;--amber: #ffb02e;--radius: 16px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1a2030 0%,var(--bg) 55%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}.screen{min-height:100%;padding:env(safe-area-inset-top) 16px calc(24px + env(safe-area-inset-bottom))}.screen.center{display:flex;align-items:center;justify-content:center}.container{max-width:560px;margin:0 auto;padding-top:24px;display:flex;flex-direction:column;gap:16px}.hero{text-align:center;padding:24px 8px 8px}.logo{font-size:40px;width:72px;height:72px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:20px}h1{font-size:24px;margin:0 0 6px;letter-spacing:-.02em}h2{font-size:17px;margin:0 0 12px;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.error{color:var(--red)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.login-card{text-align:center}.tg-widget{display:flex;justify-content:center;margin-top:14px;min-height:48px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px}.topbar-user{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#7b61ff);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff}.topbar-name{font-weight:600}.sub-card{display:flex;flex-direction:column;gap:14px}.sub-active{border-color:#34c75959}.sub-warn{border-color:#ffb02e66}.sub-status{display:flex;align-items:center;gap:10px}.sub-meta{display:flex;gap:28px}.sub-value{font-size:18px;font-weight:600;margin-top:2px}.warn-text{color:var(--amber);margin:0}.badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.badge-on{background:#34c75929;color:var(--green)}.badge-off{background:#ff5b5b29;color:var(--red)}.badge-pending{background:#ffb02e29;color:var(--amber)}.plan-name{font-weight:600}.plans{display:flex;flex-direction:column;gap:10px}.plan{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm)}.plan-info{display:flex;flex-direction:column}.plan-action{display:flex;align-items:center;gap:12px}.plan-price{font-weight:700;font-size:16px}.proxy-grid{display:flex;flex-direction:column;gap:10px}.proxy{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:8px}.proxy-head{display:flex;align-items:center;justify-content:space-between}.proxy-title{display:flex;align-items:center;gap:8px;font-weight:600}.proxy-actions{display:flex;gap:10px;margin-top:4px}.proxy-locked{padding-top:4px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-online{background:var(--green);box-shadow:0 0 0 3px #34c7592e}.dot-offline{background:var(--red);box-shadow:0 0 0 3px #ff5b5b29}.tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px}.tab{flex:1;border:none;background:transparent;color:var(--muted);padding:9px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.tab-active{background:var(--card);color:var(--text)}.orders{display:flex;flex-direction:column}.order{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;border-bottom:1px solid var(--border)}.order:last-child{border-bottom:none}.order-right{display:flex;align-items:center;gap:10px}.order-amount{font-weight:600}.btn{border:none;cursor:pointer;font-weight:600;font-size:14px;padding:10px 16px;border-radius:var(--radius-sm);transition:transform .05s,background .15s,opacity .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:default}.btn-sm{padding:7px 12px;font-size:13px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-press)}.btn-ghost{background:var(--bg-elev);color:var(--text);border:1px solid var(--border)}.footer{text-align:center;padding:8px 0 4px}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);display:inline-block;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}