:root{--tg-bg-color: #ffffff;--tg-text-color: #1f1f1f;--tg-hint-color: #6b7280;--tg-link-color: #2563eb;--tg-button-color: #2563eb;--tg-button-text-color: #ffffff;--tg-secondary-bg-color: #f3f4f6}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--tg-bg-color);color:var(--tg-text-color)}h1,h2,h3,p{margin:0}a{color:var(--tg-link-color)}button{background:var(--tg-button-color);color:var(--tg-button-text-color);border:0;border-radius:10px;padding:10px 14px;font:inherit}button:disabled{opacity:.65}input{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:16px 16px 86px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;background:var(--tg-secondary-bg-color);border-top:1px solid color-mix(in srgb,var(--tg-text-color) 20%,transparent)}.nav-item{text-align:center;text-decoration:none;color:var(--tg-hint-color);font-size:14px;padding:8px 6px;border-radius:8px}.nav-item.active{color:var(--tg-button-text-color);background:var(--tg-button-color)}.stack-gap-sm{display:grid;gap:10px}.stack-gap-md{display:grid;gap:14px}.row-inline{display:flex;gap:8px;align-items:center}.row-space-between{display:flex;justify-content:space-between;align-items:center}.card{background:var(--tg-secondary-bg-color);border-radius:12px;padding:16px}.card-title{font-size:16px;font-weight:700}.muted-text{color:var(--tg-hint-color);font-size:14px}.error-text{color:#dc2626;font-size:14px}.primary-button,.primary-link-button{display:inline-flex;justify-content:center;align-items:center;width:100%;text-decoration:none}.secondary-button{background:color-mix(in srgb,var(--tg-secondary-bg-color) 75%,var(--tg-text-color) 25%);color:var(--tg-text-color)}.danger-button{background:transparent;color:#dc2626;padding:0}.inline-link{font-weight:600}.status-badge{display:inline-flex;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.status-badge.trial{background:#fef3c7;color:#92400e}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.expired{background:#fee2e2;color:#991b1b}.loader-wrap{min-height:200px;display:flex;align-items:center;justify-content:center}.loader{width:38px;height:38px;border:4px solid color-mix(in srgb,var(--tg-button-color) 25%,transparent);border-top-color:var(--tg-button-color);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-card{position:relative;justify-items:center}.qr-image{width:100%;max-width:260px;border-radius:14px;box-shadow:0 10px 24px #0003}.toast{position:fixed;left:50%;bottom:94px;transform:translate(-50%);background:var(--tg-text-color);color:var(--tg-bg-color);border-radius:999px;padding:8px 14px;font-size:13px;animation:fade-toast .25s ease}@keyframes fade-toast{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.devices-page{padding-bottom:150px}.device-card{position:relative}.device-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.qr-panel{overflow:hidden;max-height:0;transition:max-height .25s ease}.qr-panel.open{max-height:420px}.device-qr-image{width:min(240px,100%);border-radius:12px;box-shadow:0 8px 20px #00000029}.uri-text{font-size:12px;color:var(--tg-hint-color);word-break:break-all}.add-device-fab{position:fixed;left:16px;right:16px;bottom:74px;box-shadow:0 -2px 14px #00000029;z-index:3}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:flex-end;padding:12px;z-index:20}.modal-card{width:100%;max-width:420px;background:var(--tg-bg-color);border-radius:14px;padding:16px;display:grid;gap:12px}.text-input{width:100%;padding:12px;border:1px solid color-mix(in srgb,var(--tg-hint-color) 45%,transparent);border-radius:10px;background:var(--tg-secondary-bg-color);color:var(--tg-text-color)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.price-text{font-size:22px;font-weight:700}.feature-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.feature-list li:before{content:"✓ ";color:#16a34a;font-weight:700}.wide-button{min-height:48px}.payments-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.payments-item{display:flex;justify-content:space-between;font-size:14px}.success-overlay{position:fixed;inset:0;z-index:30;background:#0006;display:flex;align-items:center;justify-content:center;padding:16px}.success-card{background:var(--tg-bg-color);border-radius:14px;width:min(360px,100%);padding:18px;display:grid;gap:12px;justify-items:center;text-align:center}.success-checkmark{width:72px;height:72px;border-radius:50%;background:#22c55e;position:relative;animation:pop-in .25s ease}.success-checkmark span{position:absolute;left:20px;top:33px;width:30px;height:14px;border-left:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg)}@keyframes pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 360px){.page-content{padding:12px 12px 86px}.card{padding:14px}}