:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #8e8e93);--link: var(--tg-theme-link-color, #007aff);--btn-bg: var(--tg-theme-button-color, #007aff);--btn-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f2f2f7);--border: rgba(0, 0, 0, .12);--radius: 12px;--radius-sm: 8px}body{background:var(--secondary-bg);color:var(--text);font-size:16px;line-height:1.4}#root{max-width:600px;margin:0 auto;min-height:100vh}.page{padding:16px 16px 80px}.section{background:var(--bg);border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.section-header{padding:12px 16px 8px;font-size:13px;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.04em}.card{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;color:inherit;background:var(--bg);transition:background .15s}.card:last-child{border-bottom:none}.card:active{background:var(--secondary-bg)}.card-content{flex:1;min-width:0}.card-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-size:13px;color:var(--hint);margin-top:2px}.card-right{text-align:right;flex-shrink:0}.card-amount{font-weight:600}.card-arrow{color:var(--hint);font-size:18px;margin-left:4px}.btn{display:block;width:100%;padding:14px;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:opacity .15s}.btn:active{opacity:.8}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--secondary-bg);color:var(--link)}.btn-danger{background:#ff3b30;color:#fff}.btn-sm{display:inline-block;width:auto;padding:8px 14px;font-size:14px}.form-section{background:var(--bg);border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.form-row{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border)}.form-row:last-child{border-bottom:none}.form-label{font-size:15px;width:110px;flex-shrink:0;color:var(--text)}.form-input{flex:1;padding:14px 0;border:none;outline:none;font-size:15px;background:transparent;color:var(--text);text-align:right}.form-input::placeholder{color:var(--hint)}.form-select{flex:1;padding:14px 0;border:none;outline:none;font-size:15px;background:transparent;color:var(--text);text-align:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.toggle-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;gap:12px;-webkit-user-select:none;user-select:none}.toggle-item:last-child{border-bottom:none}.toggle-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--hint);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.toggle-check.checked{background:var(--btn-bg);border-color:var(--btn-bg);color:#fff}.avatar{width:38px;height:38px;border-radius:50%;background:var(--btn-bg);color:var(--btn-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:600}.badge-active{background:#34c75920;color:#34c759}.badge-closed{background:#8e8e9320;color:#8e8e93}.badge-paid{background:#34c75920;color:#34c759}.empty-state{text-align:center;padding:48px 24px;color:var(--hint)}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:15px}.page-title{font-size:20px;font-weight:700;margin-bottom:16px}.error-msg{color:#ff3b30;font-size:13px;margin-top:8px;text-align:center}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--hint)}.divider{height:1px;background:var(--border);margin:0}.gap{height:16px}.copy-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg);border-radius:var(--radius);border:none;width:100%;text-align:left;cursor:pointer;font-size:14px;color:var(--link)}.tag-list{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.tag{padding:4px 10px;border-radius:20px;background:var(--secondary-bg);font-size:13px}.row{display:flex;justify-content:space-between;align-items:center}.currency-flag{font-size:20px;width:32px;text-align:center}
