:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #707579);--link: var(--tg-theme-link-color, #3390ec);--button: var(--tg-theme-button-color, #3390ec);--button-text: var(--tg-theme-button-text-color, #ffffff);--section: var(--tg-theme-secondary-bg-color, #f2f2f7);--destructive: var(--tg-theme-destructive-text-color, #e53935);--positive: #1a9c4a;--radius: 12px;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;background:var(--section);color:var(--text);font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;display:flex;flex-direction:column}.screen{flex:1;padding:12px 16px calc(72px + env(safe-area-inset-bottom))}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;text-align:center;color:var(--hint)}.center>*{max-width:100%}h1,h2{margin:0 0 12px}h1{font-size:20px}h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--hint);padding:0 4px}.card{background:var(--bg);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:none;border:none;border-top:1px solid var(--section);color:inherit;font:inherit;text-align:left}.row:first-child{border-top:none}button.row:active{background:var(--section)}.row .grow{flex:1;min-width:0}.row .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .sub{display:block;font-size:13px;color:var(--hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount{font-variant-numeric:tabular-nums;white-space:nowrap}.positive{color:var(--positive)}.negative{color:var(--destructive)}.field{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-top:1px solid var(--section)}.field:first-child{border-top:none}.field>label{font-size:13px;color:var(--hint)}input,select{width:100%;padding:10px 12px;border:1px solid var(--section);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}input:disabled,select:disabled{background:var(--section);color:var(--hint);-webkit-text-fill-color:var(--hint)}input:focus,select:focus{outline:2px solid var(--link);outline-offset:-1px}.inline{display:flex;gap:8px;align-items:center}.inline>input{flex:1 1 0;min-width:0;width:auto}.inline>input.narrow{flex:0 0 5.5rem}.inline>select,.inline>button,.inline>.ghost{flex:0 0 auto;width:auto}.ghost{visibility:hidden}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 12px;border-radius:999px;border:1px solid var(--section);background:var(--section);color:var(--text);font:inherit;font-size:14px}.chip[aria-pressed=true]{background:var(--button);border-color:var(--button);color:var(--button-text)}.btn{padding:11px 16px;border-radius:10px;border:none;background:var(--button);color:var(--button-text);font:inherit;font-weight:500}.btn.secondary{background:var(--section);color:var(--link)}.btn.danger{background:none;color:var(--destructive);width:100%}.btn:disabled{opacity:.5}.fab{position:fixed;right:16px;bottom:calc(68px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:50%;border:none;background:var(--button);color:var(--button-text);font-size:28px;line-height:1;box-shadow:0 4px 14px #0003}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--bg);border-top:1px solid var(--section);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;padding:12px 4px;background:none;border:none;color:var(--hint);font:inherit;font-size:13px}.tabs button[aria-selected=true]{color:var(--link);font-weight:600}.error{margin:0 0 12px;padding:10px 14px;border-radius:var(--radius);background:color-mix(in srgb,var(--destructive) 12%,transparent);color:var(--destructive);font-size:14px}.hint{margin:6px 4px 0;font-size:13px;color:var(--hint)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--section);display:grid;place-items:center;font-size:14px;color:var(--hint);flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.date-group{margin-bottom:20px}.receipt-photo{display:block;width:100%;padding:0;margin-bottom:12px;border:none;border-radius:var(--radius);overflow:hidden;background:var(--section)}.receipt-photo img{display:block;width:100%;object-fit:cover}.receipt-photo img.thumb{height:120px;object-position:top}.receipt-photo img.full{height:auto}.badge{margin-left:6px;font-size:12px;color:var(--hint)}
