:root{color-scheme:light dark;--tg-bg: #ffffff;--tg-text: #111111;--tg-hint: #707579;--tg-link: #3e8bff;--tg-button: #3e8bff;--tg-button-text: #ffffff;--tg-secondary-bg: #f3f4f6;--tg-section-bg: #ffffff;--tg-section-separator: #e4e6eb;--app-bg: var(--tg-bg);--app-text: var(--tg-text);--app-hint: var(--tg-hint);--app-card: var(--tg-section-bg);--app-tile: var(--tg-secondary-bg);--app-border: var(--tg-section-separator);--app-accent: var(--tg-button);--app-accent-text: var(--tg-button-text);--app-pos: #1aa35e;--app-neg: #e5484d;--app-shadow: 0 1px 3px rgba(0, 0, 0, .08);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html.theme-dark{--tg-bg: #17181c;--tg-text: #f1f1f1;--tg-hint: #8b8e96;--tg-link: #6ab3ff;--tg-button: #3e8bff;--tg-button-text: #ffffff;--tg-secondary-bg: #202127;--tg-section-bg: #1f2024;--tg-section-separator: #2d2f36;--app-pos: #3ad17e;--app-neg: #ff6b6f;--app-shadow: 0 1px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--app-bg);color:var(--app-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font-family:inherit;color:inherit}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;background:var(--app-bg);position:relative}.screen{flex:1;overflow-y:auto;padding:calc(16px + var(--safe-top)) 16px 16px;-webkit-overflow-scrolling:touch}.screen--nopad-top{padding-top:16px}.hint{color:var(--app-hint);font-size:13px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border-radius:14px;border:none;background:var(--app-accent);color:var(--app-accent-text);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.btn:active{opacity:.75}.btn:disabled{opacity:.45;cursor:default}.btn-secondary{background:var(--app-tile);color:var(--app-text)}.input{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--app-border);background:var(--app-card);color:var(--app-text);font-size:16px;padding:0 14px;outline:none}.input:focus{border-color:var(--app-accent)}.card{background:var(--app-card);border-radius:16px;box-shadow:var(--app-shadow);padding:16px}.money-pos{color:var(--app-pos)}.money-neg{color:var(--app-neg)}.bottom-nav{display:flex;border-top:1px solid var(--app-border);background:var(--app-card);padding-bottom:var(--safe-bottom)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;background:none;border:none;color:var(--app-hint);font-size:12px;cursor:pointer}.bottom-nav__item--active{color:var(--app-accent);font-weight:600}.bottom-nav__icon{font-size:20px;line-height:1}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:16px;padding:24px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--app-border);border-top-color:var(--app-accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--app-neg);font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal-sheet{width:100%;max-width:480px;background:var(--app-card);border-radius:20px 20px 0 0;padding:20px 16px calc(20px + var(--safe-bottom));display:flex;flex-direction:column;gap:16px}
