#app{font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0;height:100vh;background-color:var(--app-bg);color:var(--app-text)}body{margin:0;padding:0;background-color:var(--app-bg)}a{text-decoration:none;color:inherit}:root{--app-bg: var(--tg-theme-bg-color, #f8f9ff);--app-surface: var(--tg-theme-secondary-bg-color, #ffffff);--app-surface-alt: var(--tg-theme-bg-color, #f0f4ff);--app-text: var(--tg-theme-text-color, #1c1e2e);--app-text-secondary: var(--tg-theme-hint-color, #7a8fab);--app-text-placeholder: var(--tg-theme-hint-color, #a8b8d8);--app-accent: var(--tg-theme-button-color, #007bff);--app-accent-text: var(--tg-theme-button-text-color, #ffffff);--app-border: var(--tg-theme-hint-color, #dde8f8);--app-border-light: var(--tg-theme-hint-color, #e8eef6);--app-shadow: 0 2px 12px rgba(0, 0, 0, .06);--app-shadow-hover: 0 4px 16px rgba(0, 0, 0, .1)}html,body{height:100%;min-height:100dvh;margin:0;padding:0;overflow:hidden;-webkit-text-size-adjust:100%}body{background-color:var(--app-bg);color:var(--app-text);width:100%}#app{height:100%;min-height:100dvh;display:flex;flex-direction:column}.page-container{display:flex;flex-direction:column;height:100%;min-height:100dvh;background-color:var(--app-bg);color:var(--app-text);overflow:hidden}.content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 24px;box-sizing:border-box;scroll-behavior:smooth}@supports (padding: max(0px)){.page-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}}input,select,textarea{background-color:var(--app-surface)!important;color:var(--app-text)!important;border:1px solid var(--app-border-light)!important;padding:13px 15px;border-radius:12px;font-size:15px;font-family:inherit;-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%}input::placeholder,select::placeholder,textarea::placeholder{color:var(--app-text-placeholder)!important}input:focus,select:focus,textarea:focus{border-color:var(--app-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 20%,transparent)!important;outline:none}button{font-family:inherit;-webkit-tap-highlight-color:transparent}.status-card.active .until-date,.status-card.active .status-badge{color:var(--app-text)}