:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #999999);--link: var(--tg-theme-link-color, #2481cc);--btn: var(--tg-theme-button-color, #2481cc);--btn-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f0f0f0)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.container{padding:16px;max-width:480px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--secondary-bg);border-radius:12px;margin-bottom:16px}.header-balance{font-size:20px;font-weight:700}.header-label{font-size:13px;color:var(--hint)}.btn-topup{padding:8px 16px;border:none;border-radius:10px;background:var(--btn);color:var(--btn-text);font-size:14px;font-weight:600;cursor:pointer}.bay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bay-card{padding:20px 16px;border-radius:12px;background:var(--secondary-bg);text-align:center;cursor:pointer;transition:transform .15s}.bay-card:active{transform:scale(.96)}.bay-card.offline{opacity:.4;pointer-events:none}.bay-card.occupied{opacity:.5}.bay-card .bay-name{font-size:18px;font-weight:600}.bay-card .bay-status{font-size:12px;color:var(--hint);margin-top:4px}.mode-list{display:flex;flex-direction:column;gap:10px}.mode-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;background:var(--secondary-bg);cursor:pointer;transition:transform .15s}.mode-card:active{transform:scale(.97)}.mode-card .mode-name{font-size:16px;font-weight:600}.mode-card.active{background:#34c759;color:#fff}.mode-card.pending{background:#f0ad4e;color:#fff;animation:pulse .6s infinite alternate}@keyframes pulse{0%{opacity:.7}to{opacity:1}}.session-display{text-align:center;padding:24px 0}.session-balance{font-size:48px;font-weight:700;line-height:1}.session-info{font-size:14px;color:var(--hint);margin-top:8px}.session-timer{font-size:24px;font-weight:600;margin-top:4px}.btn{display:block;width:100%;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;text-align:center}.btn-primary{background:var(--btn);color:var(--btn-text)}.btn-danger{background:#ff3b30;color:#fff}.btn-pause{background:#f0ad4e;color:#fff}.btn-secondary{background:var(--secondary-bg);color:var(--text)}.btn:disabled{opacity:.5;pointer-events:none}.topup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:100}.topup-sheet{background:var(--bg);width:100%;border-radius:16px 16px 0 0;padding:24px 16px 32px}.topup-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.topup-preset{padding:14px;border-radius:10px;background:var(--secondary-bg);text-align:center;font-size:18px;font-weight:600;cursor:pointer}.topup-preset.selected{background:var(--btn);color:var(--btn-text)}.history-item{padding:12px;border-radius:10px;background:var(--secondary-bg);margin-bottom:8px}.history-item .hi-top{display:flex;justify-content:space-between}.history-item .hi-date{font-size:13px;color:var(--hint)}.history-item .hi-amount{font-weight:600}.history-item .hi-segments{font-size:13px;color:var(--hint);margin-top:4px}.pin-container{text-align:center;padding:24px 0}.pin-inputs{display:flex;justify-content:center;gap:12px;margin:20px 0}.pin-input{width:56px;height:64px;text-align:center;font-size:28px;font-weight:700;border:2px solid var(--hint);border-radius:12px;background:var(--secondary-bg);color:var(--text);outline:none}.pin-input:focus{border-color:var(--btn)}.pin-timer{font-size:32px;font-weight:600;margin:16px 0}.pin-error{color:#ff3b30;font-size:14px;margin:8px 0}.loading{text-align:center;padding:40px;color:var(--hint)}.nav-tabs{display:flex;gap:8px;margin-bottom:16px}.nav-tab{flex:1;padding:10px;border-radius:10px;background:var(--secondary-bg);text-align:center;font-size:14px;cursor:pointer}.nav-tab.active{background:var(--btn);color:var(--btn-text)}