:root{--bg:var(--tg-theme-bg-color,#17212b);--secondary-bg:var(--tg-theme-secondary-bg-color,#232e3c);--text:var(--tg-theme-text-color,#fff);--hint:var(--tg-theme-hint-color,#7d8b99);--link:var(--tg-theme-link-color,#6ab3f3);--button:var(--tg-theme-button-color,#5288c1);--button-text:var(--tg-theme-button-text-color,#fff);--destructive:var(--tg-theme-destructive-text-color,#ec3942)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.container{max-width:520px;margin:0 auto;padding:16px 16px 40px}.card{background:var(--secondary-bg);border-radius:14px;padding:16px;margin-bottom:12px}.hint{color:var(--hint);font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:22px;margin:8px 0 16px}h2{font-size:17px;margin:0 0 8px}button.btn{width:100%;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;background:var(--button);color:var(--button-text);cursor:pointer}button.btn:disabled{opacity:.5}button.btn.secondary{background:transparent;color:var(--link)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:13px;font-weight:600}.badge.active{background:#2ea04326;color:#41c95c}.badge.pending{background:#d2992226;color:#e8b339}.badge.expired{background:#ec394226;color:var(--destructive)}.toggle{display:flex;background:var(--bg);border-radius:10px;padding:4px;gap:4px}.toggle button{flex:1 1;border:none;background:transparent;color:var(--hint);padding:8px;border-radius:8px;font-size:14px;cursor:pointer}.toggle button.on{background:var(--button);color:var(--button-text)}.center{text-align:center;padding:40px 0}.qr{display:block;margin:12px auto;width:220px;height:220px;background:#fff;border-radius:12px;padding:10px}