:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #007aff;--tg-theme-button-color: #007aff;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f2f2f7;--tg-theme-header-bg-color: #ffffff;--tg-theme-accent-text-color: #007aff;--tg-theme-section-bg-color: #ffffff;--tg-theme-section-header-text-color: #6d6d72;--tg-theme-subtitle-text-color: #999999;--tg-theme-destructive-text-color: #ff3b30;--app-border-radius: 12px;--app-border-radius-sm: 8px;--app-spacing-xs: 4px;--app-spacing-sm: 8px;--app-spacing-md: 16px;--app-spacing-lg: 24px;--app-spacing-xl: 32px;--color-success: #34c759;--color-warning: #ff9500;--color-error: #ff3b30;--color-paid: #34c759;--color-unpaid: #ff3b30;--shadow-card: 0 1px 3px rgba(0, 0, 0, .1);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .15)}[data-theme=dark]{--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:100%;padding:var(--app-spacing-md)}.page{flex:1;display:flex;flex-direction:column;padding-bottom:var(--app-spacing-xl)}.page-header{padding:var(--app-spacing-md);text-align:center;background-color:var(--tg-theme-header-bg-color)}.page-header h1{font-size:1.5rem;font-weight:600;margin:0}.page-header p{color:var(--tg-theme-hint-color);margin-top:var(--app-spacing-xs)}.card{background-color:var(--tg-theme-section-bg-color);border-radius:var(--app-border-radius);padding:var(--app-spacing-md);margin-bottom:var(--app-spacing-md);box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--app-spacing-sm)}.card-title{font-size:1rem;font-weight:600}.card-subtitle{color:var(--tg-theme-hint-color);font-size:.875rem}.section{margin-bottom:var(--app-spacing-lg)}.section-title{font-size:.875rem;font-weight:600;color:var(--tg-theme-section-header-text-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--app-spacing-sm);padding:0 var(--app-spacing-md)}.list{background-color:var(--tg-theme-section-bg-color);border-radius:var(--app-border-radius);overflow:hidden}.list-item{display:flex;align-items:center;padding:var(--app-spacing-md);border-bottom:1px solid var(--tg-theme-secondary-bg-color);cursor:pointer;transition:background-color .15s ease}.list-item:last-child{border-bottom:none}.list-item:active{background-color:var(--tg-theme-secondary-bg-color)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:500}.list-item-subtitle{color:var(--tg-theme-hint-color);font-size:.875rem}.list-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:var(--app-spacing-md);font-size:1.25rem}.list-item-arrow{color:var(--tg-theme-hint-color);margin-left:var(--app-spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--app-spacing-sm) var(--app-spacing-md);border-radius:var(--app-border-radius-sm);font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:opacity .15s ease}.btn:active{opacity:.7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.btn-secondary{background-color:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}.btn-link{background:none;color:var(--tg-theme-link-color);padding:0}.btn-block{width:100%}.tabs{display:flex;background-color:var(--tg-theme-secondary-bg-color);border-radius:var(--app-border-radius-sm);padding:2px;margin-bottom:var(--app-spacing-md)}.tab{flex:1;padding:var(--app-spacing-sm) var(--app-spacing-md);border-radius:6px;font-size:.875rem;font-weight:500;text-align:center;cursor:pointer;transition:all .2s ease;border:none;background:none;color:var(--tg-theme-text-color)}.tab.active{background-color:var(--tg-theme-section-bg-color);box-shadow:0 1px 2px #0000001a}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.badge-success{background-color:#34c75926;color:var(--color-success)}.badge-warning{background-color:#ff950026;color:var(--color-warning)}.badge-error{background-color:#ff3b3026;color:var(--color-error)}.alert{padding:var(--app-spacing-md);border-radius:var(--app-border-radius-sm);margin-bottom:var(--app-spacing-md)}.alert-warning{background-color:#ff950026;color:var(--color-warning)}.alert-error{background-color:#ff3b3026;color:var(--color-error)}.alert-success{background-color:#34c75926;color:var(--color-success)}.input-group{margin-bottom:var(--app-spacing-md)}.input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--app-spacing-xs);color:var(--tg-theme-section-header-text-color)}.input{width:100%;padding:var(--app-spacing-sm) var(--app-spacing-md);border:1px solid var(--tg-theme-secondary-bg-color);border-radius:var(--app-border-radius-sm);font-size:1rem;background-color:var(--tg-theme-section-bg-color);color:var(--tg-theme-text-color)}.input:focus{outline:none;border-color:var(--tg-theme-button-color)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--app-spacing-xl)}.spinner{width:24px;height:24px;border:2px 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:var(--app-spacing-xl);color:var(--tg-theme-hint-color)}.empty-state-icon{font-size:3rem;margin-bottom:var(--app-spacing-md)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--app-spacing-md);padding:var(--app-spacing-md)}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--app-spacing-lg);background-color:var(--tg-theme-section-bg-color);border-radius:var(--app-border-radius);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;color:inherit}.menu-item:active{transform:scale(.98)}.menu-item-icon{font-size:2rem;margin-bottom:var(--app-spacing-sm)}.menu-item-label{font-weight:500;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal{width:100%;max-width:500px;background-color:var(--tg-theme-bg-color);border-radius:var(--app-border-radius) var(--app-border-radius) 0 0;padding:var(--app-spacing-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--app-spacing-md)}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--tg-theme-hint-color);cursor:pointer}.debt-alert{display:flex;align-items:center;padding:var(--app-spacing-md);background-color:#ff3b301a;border-radius:var(--app-border-radius-sm);margin-bottom:var(--app-spacing-md)}.debt-alert-icon{font-size:1.5rem;margin-right:var(--app-spacing-sm)}.debt-alert-text{font-weight:500;color:var(--color-error)}.debt-alert-amount{margin-left:auto;font-weight:600;color:var(--color-error)}