:root{--color-bg: var(--tg-theme-bg-color, #ffffff);--color-surface: var(--tg-theme-secondary-bg-color, #f3f4f6);--color-text: var(--tg-theme-text-color, #111827);--color-muted: var(--tg-theme-hint-color, #6b7280);--color-link: var(--tg-theme-link-color, #2481cc);--color-button: var(--tg-theme-button-color, #2481cc);--color-button-text: var(--tg-theme-button-text-color, #ffffff);--color-border: rgba(17, 24, 39, .12);--color-danger: #dc2626;--radius: 8px;--bottom-nav-height: 64px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--color-text);background:var(--color-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-layout{min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.app-layout__content{width:min(100%,720px);margin:0 auto}.page{padding:20px 16px}.page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:16px}.page h1,.auth-page h1{margin:0 0 12px;font-size:24px;line-height:1.2}.page p,.auth-page p{margin:0;color:var(--color-muted);line-height:1.45}.page__error{color:var(--color-danger)}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(36,129,204,.16);border-radius:999px;color:var(--color-muted);background:#08101c6b;font-size:13px;font-weight:650}.status-pill--active{border-color:#16a34a47;color:#15803d;background:#16a34a1f}.status-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-tile{display:grid;gap:6px;min-width:0;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:#08101c57}.metric-tile--accent{border-color:#2481cc47;background:#2481cc14}.metric-tile span{color:var(--color-muted);font-size:12px}.metric-tile strong{color:var(--color-text);font-size:16px;line-height:1.25}.traffic-meter{overflow:hidden;height:10px;border-radius:999px;background:#08101c6b}.traffic-meter__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,var(--color-button))}.info-card{display:grid;gap:12px;padding:16px;border:1px solid rgba(36,129,204,.32);border-radius:var(--radius);background:linear-gradient(135deg,rgba(36,129,204,.08),transparent 48%),var(--color-surface)}.info-card__icon{display:flex;flex:0 0 auto}.info-card__heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.info-card__heading h2{margin:0;color:var(--color-text);font-size:22px;font-weight:800;line-height:1.15}.info-card__content{display:grid;gap:12px}.info-card__title-left{display:flex;flex:0 0 auto;margin-left:auto}.info-card__title-left>strong{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(36,129,204,.16);border-radius:999px;color:var(--color-muted);background:#08101c6b;font-size:13px;font-weight:650}.empty-subscription{border-color:#2481cc52}.info-card-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(36,129,204,.28);border-radius:var(--radius);color:var(--color-button);background:#2481cc1a}.info-card-icon svg{width:22px;height:22px}.empty-subscription__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.subscription-box{display:grid;gap:8px}.field-label{color:var(--color-muted);font-size:13px}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.copy-field input{min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);background:#08101c57}.ui-button--copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(36,129,204,.35);border-radius:var(--radius);color:var(--color-button);background:#2481cc14;font-weight:600}.copy-button__icon{position:relative;flex:0 0 16px;width:16px;height:16px}.copy-button__icon:before,.copy-button__icon:after{position:absolute;content:"";width:10px;height:12px;border:1.5px solid currentColor;border-radius:3px;background:var(--color-surface)}.copy-button__icon:before{right:1px;bottom:1px}.copy-button__icon:after{top:1px;left:1px;background:#2481cc14}.ui-button--copy.ui-button--done{border-color:#16a34a4d;color:#15803d;background:#16a34a1a}.ui-button--copy.ui-button--done .copy-button__icon:after{background:#16a34a1a}.info-card__content>.ui-button--primary,.info-card__content>.ui-button--secondary{width:100%}.qr-box{display:flex;justify-content:center;padding:12px;border-radius:var(--radius);background:#fff}.qr-box img{display:block;width:220px;height:220px}.card-list{display:grid;gap:12px}.card-link{display:block;color:inherit;text-decoration:none}.info-card strong{white-space:nowrap}.plan-specs,.payment-specs,.support-specs{display:grid;gap:8px;margin:0}.plan-specs>div,.payment-specs>div,.support-specs>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:11px 12px;border:1px solid rgba(36,129,204,.22);border-radius:var(--radius);background:#08101c47}.plan-specs dt,.payment-specs dt,.support-specs dt{margin:0;color:var(--color-muted);font-size:13px}.plan-specs dd,.payment-specs dd,.support-specs dd{margin:0;color:var(--color-text);font-size:15px;font-weight:750;line-height:1.25;text-align:right}.support-specs dd{overflow-wrap:anywhere}.support-specs>div{align-content:start;grid-template-columns:1fr;gap:5px}.support-specs dd{text-align:left}.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.data-grid>div{min-width:0;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:#08101c57}.data-grid>div:first-child{border-color:#2481cc47;background:#2481cc14}.data-grid dt{margin:0 0 4px;color:var(--color-muted);font-size:12px}.data-grid dd{margin:0;color:var(--color-text);font-size:16px;font-weight:700;line-height:1.25}.ui-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius);text-decoration:none}.ui-button--primary{padding:0 14px;border:0;color:var(--color-button-text);background:var(--color-button)}.ui-button--secondary{padding:0 14px;border:1px solid rgba(36,129,204,.32);color:var(--color-text);background:#2481cc1a;box-shadow:inset 0 0 0 1px #08101c29}.ui-button--secondary:hover,.ui-button--secondary:focus-visible{border-color:#2481cc7a;background:#2481cc29}.ui-button--text{min-height:32px;margin-bottom:12px;padding:0 14px;border:0;color:var(--color-link);background:transparent}.ui-button:disabled{cursor:default;opacity:.65}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.details-section{display:grid;gap:8px}.details-section h2,.section-title{margin:0;font-size:17px;line-height:1.25}.details-section ul{display:grid;gap:6px;margin:0;padding-left:18px}.ui-button--card{display:grid;gap:12px;width:100%;min-height:0;padding:16px;border:1px solid rgba(36,129,204,.32);border-radius:var(--radius);background:linear-gradient(135deg,rgba(36,129,204,.08),transparent 48%),var(--color-surface);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.ui-button--card:disabled{cursor:default;opacity:.65}@media(min-width:560px){.plan-specs,.payment-specs{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-specs>div,.payment-specs>div{align-content:start;grid-template-columns:1fr;gap:5px}.plan-specs dd,.payment-specs dd{text-align:left}}@media(max-width:520px){.status-metrics,.data-grid,.action-row,.copy-field,.empty-subscription__actions{grid-template-columns:1fr}.info-card{padding:16px}}.support-actions,.form-stack,.ticket-view,.message-list{display:grid;gap:12px}.support-actions{margin-top:16px}.form-field{display:grid;gap:6px}.form-field span{color:var(--color-muted);font-size:13px}.form-field select,.form-field textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);background:var(--color-bg)}.form-field select{min-height:44px;padding:0 10px}.form-field textarea{min-height:120px;padding:10px;resize:vertical}.message-card{display:grid;gap:8px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.message-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-muted);font-size:13px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-page__content{width:min(100%,360px);padding:20px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.auth-page__error{color:var(--color-danger)}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-bg)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;border-radius:var(--radius);color:var(--color-muted);font-size:12px;line-height:1.1}.bottom-nav__item svg{width:17px;height:17px}.bottom-nav__item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav__item--active{color:var(--color-button-text);background:var(--color-button)}