*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: var(--tg-theme-bg-color, #07090F);--surface: var(--tg-theme-secondary-bg-color, #0C0F1A);--surface2: #111527;--text: var(--tg-theme-text-color, #E8EDF8);--hint: var(--tg-theme-hint-color, #6B7A99);--btn: var(--tg-theme-button-color, #2E7FFF);--btn-txt: var(--tg-theme-button-text-color, #ffffff);--link: var(--tg-theme-link-color, #2E7FFF);--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.1);--green: #0EBA82;--yellow: #F5A623;--red: #EF4444;--purple: #7C5CFC;--radius: 16px;--radius-sm: 10px;--font: "Inter", "SF Pro Text", system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html{overflow-x:hidden;height:100%}body{overflow-x:hidden;min-height:100%;min-height:-webkit-fill-available;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}#root{min-height:100%;min-height:-webkit-fill-available;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + var(--safe-top)) 18px 11px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:0;overflow:visible}.orbit-logo-text{font-size:15px;font-weight:700;letter-spacing:.2em;color:#fff;font-family:var(--font);line-height:1;white-space:nowrap}.page{padding:20px 16px calc(24px + var(--safe-bottom));width:100%;overflow-x:hidden}.page-title{font-size:21px;font-weight:700;letter-spacing:-.025em;margin-bottom:18px;color:var(--text)}.card{background:var(--surface);border-radius:var(--radius);padding:18px 16px;border:1px solid var(--border);width:100%;min-width:0;overflow:hidden}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;cursor:pointer;transition:border-color .15s,transform .12s;margin-bottom:10px;position:relative;overflow:hidden;width:100%;min-width:0}.plan-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(46,127,255,.07) 0%,transparent 60%);pointer-events:none}.plan-card:active{transform:scale(.985);border-color:var(--btn)}.plan-name{font-weight:600;font-size:15.5px;letter-spacing:-.01em}.plan-desc{font-size:13px;color:var(--hint);margin-top:3px;line-height:1.45}.plan-price{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.price-val{font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.price-period{font-size:13px;color:var(--hint);padding-bottom:3px}.trial-badge{display:inline-flex;align-items:center;gap:5px;margin-top:12px;background:#0eba821a;color:var(--green);border-radius:20px;padding:4px 11px;font-size:12px;font-weight:600;letter-spacing:.01em}.btn-main{position:relative;overflow:hidden;width:100%;background:linear-gradient(135deg,#3d8eff,#1f6ae0);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;font-family:var(--font);padding:16px;cursor:pointer;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,opacity .15s;box-shadow:0 4px 20px #2e7fff4d;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}.btn-main:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);animation:btnShimmer 4s ease-in-out infinite;pointer-events:none}.btn-main:hover:not(:disabled){box-shadow:0 6px 28px #2e7fff6b;transform:translateY(-1px)}.btn-main:active:not(:disabled){transform:scale(.97) translateY(0);box-shadow:0 2px 10px #2e7fff40;transition:transform .08s ease,box-shadow .08s ease}.btn-main:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}.btn-main:disabled:after{display:none}.btn-back{display:inline-flex;align-items:center;gap:7px;background:#ffffff0a;color:var(--hint);border:1px solid var(--border2);border-radius:12px;padding:10px 16px;font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .14s ease,color .14s ease,transform .1s ease,border-color .14s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn-back:hover{background:#ffffff14;color:var(--text);border-color:#ffffff2e}.btn-back:active{transform:scale(.94);background:#ffffff1f;transition:transform .07s ease}.btn-cancel{background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-sm);padding:10px 16px;font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .15s,transform .12s;letter-spacing:-.01em}.btn-cancel:active{transform:scale(.98);opacity:.8}.btn-cancel:disabled{opacity:.38;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--hint);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:9px 16px;font-size:13.5px;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .15s}.btn-ghost:active{opacity:.7}.status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-ACTIVE{background:#0eba821f;color:var(--green)}.status-TRIAL{background:#7c5cfc1f;color:var(--purple)}.status-GRACE{background:#f5a6231f;color:var(--yellow)}.status-PAUSED{background:#6b7a991f;color:var(--hint)}.status-CANCELLED{background:#ef44441a;color:var(--red)}.sub-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px;width:100%;min-width:0;overflow:hidden;margin-bottom:10px;animation:fadeSlideUp .22s ease both}.loading-screen{display:flex;align-items:center;justify-content:center;height:50vh;flex-direction:column;gap:14px}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--btn);border-radius:50%;animation:spin .65s linear infinite}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;gap:8px;color:var(--hint)}.empty-icon{font-size:36px;margin-bottom:6px;opacity:.45}hr{border:none;border-top:1px solid var(--border);margin:14px 0}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding:9px 0}.info-row+.info-row{border-top:1px solid var(--border)}.info-label{color:var(--hint)}.info-value{font-weight:600}.info-banner{padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.5}.info-banner.warning{background:#f5a62314;border:1px solid rgba(245,166,35,.2);color:var(--yellow)}.success-icon{width:68px;height:68px;border-radius:50%;background:#0eba821a;border:1px solid rgba(14,186,130,.18);display:flex;align-items:center;justify-content:center;margin:44px auto 22px;animation:scaleIn .38s cubic-bezier(.34,1.56,.64,1)}.wallet-chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border2);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--hint);font-feature-settings:"tnum";cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.wallet-chip:hover{background:#3d8eff1a;border-color:#3d8eff40}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes btnShimmer{0%,60%{left:-100%}80%,to{left:160%}}