:root{--bg: var(--tg-bg-color, #17212b);--surface: var(--tg-secondary-bg-color, #232e3c);--text: var(--tg-text-color, #f5f5f5);--muted: var(--tg-hint-color, #8a97a3);--link: var(--tg-link-color, #6ab3f3);--accent: var(--tg-button-color, #3a86ff);--accent-text: var(--tg-button-text-color, #ffffff);--border: rgba(255, 255, 255, .08);--positive: #34c759;--negative: #ff453a;--warning: #ffb340;--radius: 12px;--gap: 12px}:root[data-color-scheme=light]{--border: rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}h1{font-size:20px;margin:0 0 4px}h2{font-size:17px;margin:0 0 8px}a{color:var(--link)}.container{max-width:720px;margin:0 auto;padding:16px;padding-bottom:calc(108px + env(safe-area-inset-bottom))}.muted{color:var(--muted)}.error-text{color:var(--negative);text-align:center}.screen-center{min-height:100vh;display:flex;flex-direction:column;gap:var(--gap);align-items:center;justify-content:center;padding:24px;text-align:center}.card{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:var(--gap);border:1px solid var(--border)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.stat-label{font-size:13px;color:var(--muted);margin-bottom:4px}.stat-value{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.stat-value.small{font-size:16px}.value-pos{color:var(--positive)}.value-neg{color:var(--negative)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:10px 16px;font-size:15px;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:transparent}.btn-danger{background:var(--negative);color:#fff;border-color:transparent}.btn-block{width:100%}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.field{display:block;margin-bottom:var(--gap)}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.input,.select,.textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:15px;font-variant-numeric:tabular-nums}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row-main{font-weight:500}.row-sub{font-size:13px;color:var(--muted)}.row-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--border);color:var(--text);white-space:nowrap}.badge-active{background:#34c7592e;color:var(--positive)}.badge-pending{background:#ffb3402e;color:var(--warning)}.badge-rejected,.badge-blocked{background:#ff453a2e;color:var(--negative)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:8px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.table th{color:var(--muted);font-weight:500}.table tr{cursor:default}.table-scroll{overflow-x:auto}.tabbar{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:0 8px 24px #0000004d}.tabbar .tab{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;color:var(--muted);text-decoration:none;border-radius:999px}.tabbar .tab.active{color:var(--accent)}.tab-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent)}.tab-icon,.tab-label{position:relative}.tab-label{font-size:10px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-fab{flex:0 0 auto;width:52px;height:52px;margin:-18px 6px 0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--accent-text);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 45%,transparent);transition:transform .12s ease}.tab-fab:active{transform:scale(.92)}.tab-fab.active{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent)}.segmented{display:flex;padding:4px;margin-bottom:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:999px}.segmented .seg{position:relative;flex:1;text-align:center;padding:9px 8px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;border-radius:999px}.segmented .seg.active{color:var(--accent-text)}.seg-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--accent)}.seg-label{position:relative}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{height:8px;border-radius:999px;background:var(--border);overflow:hidden;margin:6px 0}.progress-fill{height:100%;background:var(--accent);border-radius:999px}.disclaimer{max-width:720px;margin:0 auto;padding:12px 16px calc(108px + env(safe-area-inset-bottom));font-size:11px;line-height:1.4;color:var(--muted);text-align:center}.banner-warning{background:#ffb34026;border:1px solid var(--warning);color:var(--warning);border-radius:var(--radius);padding:12px;margin-bottom:var(--gap)}