:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg2: var(--tg-theme-secondary-bg-color, #f2f2f7);--text: var(--tg-theme-text-color, #111);--hint: var(--tg-theme-hint-color, #8e8e93);--link: var(--tg-theme-link-color, #2481cc);--btn: var(--tg-theme-button-color, #2481cc);--btn-text: var(--tg-theme-button-text-color, #fff);--card: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, #fff));--green: #2e9e5b;--red: #d9453d;--amber: #c98a00;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg2);color:var(--text);font:16px/1.35 -apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-tap-highlight-color:transparent}#app{min-height:var(--tg-viewport-stable-height, 100vh);display:flex;flex-direction:column}.page{flex:1;padding:12px 12px 84px}.topbar{position:sticky;top:0;z-index:5;background:var(--bg2);padding:10px 0 8px;display:flex;align-items:center;gap:8px}.topbar h1{font-size:20px;margin:0;flex:1}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--card);border-top:1px solid rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom);z-index:10}.tabs button{flex:1;border:0;background:none;color:var(--hint);padding:10px 4px 8px;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:3px}.tabs button.on{color:var(--btn)}.tabs .ic{font-size:20px;line-height:1}.card{background:var(--card);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}.card.row{display:flex;align-items:center;gap:10px}.card.tap:active{opacity:.7}.grow{flex:1;min-width:0}.title{font-weight:600}.sub{color:var(--hint);font-size:13px}.amt{font-weight:700;white-space:nowrap;text-align:right}.amt.plus{color:var(--green)}.amt.minus{color:var(--red)}.amt.usd{font-size:13px;font-weight:600}.seg{display:flex;background:var(--card);border-radius:12px;padding:3px;margin-bottom:10px}.seg button{flex:1;border:0;background:none;color:var(--hint);padding:8px;border-radius:10px;font-weight:600}.seg button.on{background:var(--btn);color:var(--btn-text)}.btn{display:block;width:100%;border:0;border-radius:12px;padding:13px;font-size:16px;font-weight:600;background:var(--btn);color:var(--btn-text)}.btn.ghost{background:var(--card);color:var(--link)}.btn.danger{background:var(--red);color:#fff}.btn:disabled{opacity:.5}.btn+.btn{margin-top:8px}.field{margin-bottom:12px}.field label{display:block;font-size:13px;color:var(--hint);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:11px 12px;font-size:16px;background:var(--card);color:var(--text)}.field textarea{min-height:64px;resize:vertical}.pill{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--bg2);color:var(--hint)}.pill.app{background:#e3f2ff;color:#1a6fb5}.pill.kirim{background:#e6f6ec;color:var(--green)}.pill.chiqim{background:#fdeaea;color:var(--red)}.pill.xarajat{background:#fff4df;color:var(--amber)}.pill.savdo{background:#e3f2ff;color:#1a6fb5}.pill.vozvrat{background:#f1e8ff;color:#7a3fc8}.center{text-align:center;color:var(--hint);padding:30px 10px}.search{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:11px 12px;font-size:16px;background:var(--card);color:var(--text);margin-bottom:10px}.fab{position:fixed;right:16px;bottom:76px;width:54px;height:54px;border-radius:50%;border:0;background:var(--btn);color:var(--btn-text);font-size:30px;line-height:54px;box-shadow:0 4px 14px #00000040;z-index:9}.modal{position:fixed;inset:0;background:var(--bg2);z-index:20;overflow:auto;padding:12px 12px 30px}.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.06)}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--hint)}.err{background:#fdeaea;color:var(--red);border-radius:10px;padding:10px 12px;margin-bottom:10px}.line{display:flex;gap:8px;align-items:flex-end}.line .field{flex:1;margin-bottom:8px}.line .x{border:0;background:none;color:var(--red);font-size:22px;padding:8px 4px 12px}.big{font-size:26px;font-weight:700}.hdr{display:flex;align-items:center;gap:8px;margin-bottom:10px}.hdr button.back{border:0;background:var(--card);border-radius:10px;padding:8px 12px;font-size:16px;color:var(--link)}.hdr h2{margin:0;font-size:18px;flex:1}.dropdown{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--card);border:1px solid rgba(0,0,0,.12);border-radius:10px;max-height:260px;overflow:auto;box-shadow:0 6px 18px #0000002e}.dd-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.06)}.dd-item:last-child{border-bottom:0}.dd-item:active{background:var(--bg2)}
