:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f0f0f0;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success-color: #34c759;--danger-color: #ff3b30;--warning-color: #ff9500;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-height:100vh;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:100%;padding:0 16px}.counter-header{display:flex;align-items:center;justify-content:center;padding:16px;padding-top:calc(16px + var(--safe-area-inset-top))}.counter-header__title{font-size:20px;font-weight:600;color:#202020}.circular-counter{position:relative;width:290px;height:258px;margin:20px auto 24px}.dot-layer{position:absolute;width:100%;height:100%;top:0;left:0}.dot-row{position:absolute;display:flex;justify-content:space-between;align-items:center}.counter-dot{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.counter-dot img{width:80%;height:80%;object-fit:contain}.category-circle{position:absolute;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.category-circle__bg{position:absolute;width:100%;height:100%;border-radius:50%;opacity:.2}.category-circle__ring{position:absolute;width:54px;height:54px;top:-3px;left:-3px}.category-circle__percentage{position:relative;z-index:2;font-size:17px;font-weight:600;color:#000}.category-circle--top{top:28px;left:50%;transform:translate(-50%)}.category-circle--bottom{bottom:-30px;left:50%;transform:translate(-50%)}.category-circle--left{top:50%;left:-3px;transform:translateY(-50%)}.category-circle--right{top:50%;right:-3px;transform:translateY(-50%)}.counter-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.counter-center__amount{font-size:32px;font-weight:700;color:#000;line-height:1.25}.counter-center__secondary{font-size:15px;font-weight:600;color:#000;opacity:.4;margin-top:2px}.total-card{background:var(--accent-gradient);border-radius:20px;padding:24px;margin:16px;color:#fff;text-align:center;box-shadow:0 10px 40px #667eea66}.total-card__label{font-size:14px;opacity:.9;margin-bottom:8px}.total-card__amount{font-size:42px;font-weight:700;letter-spacing:-1px}.total-card__currency{font-size:24px;font-weight:500;margin-left:4px}.total-card__period{font-size:14px;opacity:.8;margin-top:4px}.section{margin:24px 16px}.section__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--tg-theme-hint-color);margin-bottom:12px;padding-left:4px}.subscription-list{display:flex;flex-direction:column;gap:8px}.subscription-card{display:flex;align-items:center;padding:14px 16px;background:var(--tg-theme-secondary-bg-color);border-radius:14px;gap:14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.subscription-card:active{transform:scale(.98)}.subscription-card__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#fff;flex-shrink:0}.subscription-card__icon img{width:28px;height:28px;object-fit:contain}.subscription-card__info{flex:1;min-width:0}.subscription-card__name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-card__category{font-size:13px;color:var(--tg-theme-hint-color);margin-top:2px}.subscription-card__price{text-align:right;flex-shrink:0}.subscription-card__amount{font-size:16px;font-weight:600}.subscription-card__period{font-size:12px;color:var(--tg-theme-hint-color)}.add-button{position:fixed;bottom:calc(24px + var(--safe-area-inset-bottom));right:24px;width:56px;height:56px;border-radius:50%;background:var(--accent-gradient);border:none;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #667eea80;transition:transform .2s ease,box-shadow .2s ease}.add-button:active{transform:scale(.95)}.form{padding:16px}.form__group{margin-bottom:20px}.form__label{display:block;font-size:13px;font-weight:600;color:var(--tg-theme-hint-color);margin-bottom:8px;padding-left:4px}.form__input{width:100%;padding:14px 16px;font-size:16px;border:none;border-radius:12px;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);outline:none;transition:box-shadow .2s ease}.form__input:focus{box-shadow:0 0 0 2px var(--tg-theme-button-color)}.form__input::placeholder{color:var(--tg-theme-hint-color)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.service-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:var(--tg-theme-secondary-bg-color);border-radius:14px;cursor:pointer;transition:transform .15s ease,background .15s ease;border:2px solid transparent}.service-item:active{transform:scale(.95)}.service-item--selected{border-color:var(--tg-theme-button-color);background:#2481cc1a}.service-item__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#fff;margin-bottom:6px}.service-item__icon img{width:24px;height:24px;object-fit:contain}.service-item__name{font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.categories-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.categories-row::-webkit-scrollbar{display:none}.category-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--tg-theme-secondary-bg-color);border-radius:20px;font-size:14px;white-space:nowrap;cursor:pointer;transition:background .15s ease;border:2px solid transparent}.category-chip--selected{border-color:var(--tg-theme-button-color);background:#2481cc1a}.currency-toggle{display:flex;background:var(--tg-theme-secondary-bg-color);border-radius:10px;padding:4px}.currency-toggle__option{flex:1;padding:10px 16px;font-size:14px;font-weight:600;text-align:center;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease;color:var(--tg-theme-hint-color)}.currency-toggle__option--active{background:#fff;color:var(--tg-theme-text-color);box-shadow:0 2px 8px #0000001a}.period-toggle{display:flex;gap:8px}.period-toggle__option{flex:1;padding:12px;font-size:14px;font-weight:500;text-align:center;border-radius:12px;cursor:pointer;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-hint-color);border:2px solid transparent;transition:all .15s ease}.period-toggle__option--active{border-color:var(--tg-theme-button-color);background:#2481cc1a;color:var(--tg-theme-button-color)}.search-container{position:relative;margin:16px}.search-input{width:100%;padding:12px 16px 12px 44px;font-size:16px;border:none;border-radius:12px;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);outline:none}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--tg-theme-hint-color)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading__spinner{width:40px;height:40px;border:3px solid var(--tg-theme-secondary-bg-color);border-top-color:var(--tg-theme-button-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 24px}.empty-state__icon{font-size:64px;margin-bottom:16px}.empty-state__title{font-size:20px;font-weight:600;margin-bottom:8px}.empty-state__text{font-size:15px;color:var(--tg-theme-hint-color);line-height:1.5}.header{display:flex;align-items:center;justify-content:space-between;padding:16px;position:sticky;top:0;background:var(--tg-theme-bg-color);z-index:100}.header__title{font-size:20px;font-weight:700}.header__action{padding:8px;background:none;border:none;color:var(--tg-theme-button-color);font-size:16px;font-weight:600;cursor:pointer}.delete-button{width:100%;padding:16px;background:#ff3b301a;color:var(--danger-color);border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;margin-top:24px;transition:background .15s ease}.delete-button:active{background:#ff3b3033}.submit-button{width:100%;padding:16px;background:var(--accent-gradient);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;margin-top:24px;transition:opacity .15s ease,transform .15s ease}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-button:active:not(:disabled){transform:scale(.98)}