:root{--bg: var(--tg-theme-bg-color, #0e1621);--sec: var(--tg-theme-secondary-bg-color, #1b2735);--card: var(--tg-theme-secondary-bg-color, #1b2735);--text: var(--tg-theme-text-color, #ffffff);--hint: var(--tg-theme-hint-color, #8899a6);--accent: var(--tg-theme-button-color, #3e8fed);--accent-text: var(--tg-theme-button-text-color, #ffffff);--link: var(--tg-theme-link-color, #6ab7ff);--danger: #f0544c;--danger-dim: rgba(240,84,76,.14);--green: #34c77b;--green-dim: rgba(52,199,123,.14);--accent-dim: rgba(62,143,237,.16);--line: rgba(136,153,166,.14);--shadow: 0 1px 2px rgba(0,0,0,.14), 0 4px 16px rgba(0,0,0,.18);--radius: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,SF Pro Text,Inter,Roboto,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}.app,.screen{min-height:100%}.screen{padding:16px 16px 56px;max-width:640px;margin:0 auto}.header{padding:8px 2px 18px}.header h1{font-size:24px;margin:0;font-weight:800;letter-spacing:-.02em}.header .sub{color:var(--hint);font-size:14px;margin-top:5px}.center{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;padding:32px;color:var(--hint);font-size:16px;line-height:1.55}.muted{color:var(--hint);padding:28px 4px;text-align:center}.loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--hint);padding:32px}.spin{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.menu-label{color:var(--hint);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:20px 6px 10px}.menu-label:first-child{margin-top:4px}.btn{display:flex;align-items:center;gap:14px;width:100%;background:var(--card);color:var(--text);border:none;border-radius:var(--radius);padding:14px;text-align:left;margin-bottom:10px;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;box-shadow:none}.btn .ic{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;font-size:22px;background:var(--accent-dim);border-radius:13px}.btn .lbl{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.btn .lbl-main{font-size:16px;font-weight:600;letter-spacing:-.01em}.btn .lbl-sub{font-size:13px;color:var(--hint);font-weight:400}.btn.primary{background:var(--accent);color:var(--accent-text);justify-content:center;font-weight:700;font-size:17px;position:sticky;bottom:14px;margin-top:20px;padding:16px;box-shadow:0 6px 20px #3e8fed59}.btn.primary .lbl{flex-direction:row;justify-content:center}.soon{color:var(--hint);font-size:11px;font-weight:600;border:1px solid var(--line);padding:1px 7px;border-radius:20px;margin-left:4px}.money{font-variant-numeric:tabular-nums;font-weight:700}.money.pos{color:var(--green)}.money.neg,.money.out{color:var(--danger)}.total-card{background:linear-gradient(135deg,var(--accent-dim),transparent),var(--card);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow)}.total-card span{display:block;color:var(--hint);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:6px}.total-card b{font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.bal-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line)}.bal-row:last-child{border-bottom:none}.bal-name{display:flex;align-items:center;gap:11px;font-size:15px}.bal-ic{font-size:18px}.bal-bank{display:block;color:var(--hint);font-size:12px;margin-top:2px}.card{background:var(--card);border-radius:var(--radius);padding:14px;margin-bottom:11px;box-shadow:var(--shadow)}.card.tap{cursor:pointer;transition:transform .08s ease}.card.tap:active{transform:scale(.99)}.card-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.card-row b{font-size:16px}.card-sub{color:var(--hint);font-size:14px;margin-top:4px}.card-sub.small{font-size:12px}.ocard{padding:13px 14px}.ocard-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px}.ocard-num{font-size:16px;font-weight:800;letter-spacing:-.01em}.ocard-store{color:var(--hint);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocard-agent{color:var(--hint);font-size:13px;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ostrip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.ostat{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#8899a612;border-radius:11px}.ostat>span{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint);font-weight:600}.ostat>b{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.totals{background:var(--card);border-radius:var(--radius);padding:4px 16px;margin-bottom:16px;box-shadow:var(--shadow)}.totals>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.totals>div:last-child{border-bottom:none}.totals span{color:var(--hint)}.totals b{font-variant-numeric:tabular-nums;font-weight:700}.totals .hl b{font-size:19px}.info{background:var(--card);border-radius:var(--radius);padding:4px 16px;margin-bottom:14px;box-shadow:var(--shadow)}.info-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.info-row:last-child{border-bottom:none}.info-row>span{color:var(--hint);font-size:14px;flex:none}.info-row>b{font-size:14px;text-align:right;font-weight:600}.list-head{color:var(--hint);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:10px 2px 12px;display:flex;align-items:center}.pos{padding:12px 4px;border-bottom:1px solid var(--line)}.pos-main{font-size:15px}.pos-main .code{color:var(--hint);font-size:13px;margin-right:6px}.pos-sub{color:var(--hint);font-size:13px;margin-top:4px}.pos-recv{color:var(--green);font-size:13px;margin-top:4px;font-weight:600}.pos-recv.mismatch{color:var(--danger)}.pos-recv .delta{font-weight:800}.warn-badge{background:var(--danger-dim);color:var(--danger);font-size:11px;padding:2px 9px;border-radius:20px;margin-left:8px;text-transform:none;letter-spacing:0;font-weight:700}.dir-chip{display:inline-flex;align-items:center;font-size:13px;font-weight:700;padding:7px 14px;border-radius:22px;margin-bottom:16px}.dir-chip.in{background:var(--green-dim);color:var(--green)}.dir-chip.out{background:var(--danger-dim);color:var(--danger)}.field{display:block;color:var(--hint);font-size:13px;font-weight:600;margin:0 2px 16px}.field input,.field select,.field textarea,.create-box input{display:block;width:100%;margin-top:8px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:13px;padding:14px;font-size:16px;font-weight:500;box-shadow:var(--shadow)}.field textarea{resize:vertical;min-height:48px;font-family:inherit}.field input:focus,.field select:focus,.create-box input:focus{outline:none;border-color:var(--accent)}.amount-input{font-size:26px!important;font-weight:800;letter-spacing:-.02em}.hint{color:var(--hint);font-size:13px;margin:-9px 4px 16px}.hint b{color:var(--text);font-variant-numeric:tabular-nums}.err{color:var(--danger);font-size:14px;font-weight:600;margin:6px 4px 12px}.balance-line{display:block;color:var(--hint);font-size:13px;margin:9px 4px 0;font-weight:500}.balance-line b{font-variant-numeric:tabular-nums}.req{color:var(--danger);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.file-btn{display:block;margin-top:8px;text-align:center;background:var(--accent-dim);color:var(--accent);border:1px dashed var(--accent);border-radius:13px;padding:15px;font-size:15px;font-weight:600;cursor:pointer}.picked{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;background:var(--green-dim);border-radius:13px;padding:12px 14px}.picked-info b{font-weight:700}.picked-phone{display:block;color:var(--hint);font-size:13px;margin-top:3px}.res{padding:11px 13px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-top:8px;box-shadow:var(--shadow)}.res.tap{cursor:pointer}.res.tap:active{border-color:var(--accent)}.res-name{font-size:15px;font-weight:600}.res-phone{color:var(--hint);font-size:13px;margin-top:3px}.link{background:none;border:none;color:var(--link);font-size:14px;font-weight:600;cursor:pointer;padding:8px 0}.create-box{margin-top:8px}.create-box .mini{margin-top:10px;width:100%}.mini-label{display:block;color:var(--hint);font-size:12px;font-weight:600;margin:13px 0 0}.sel{display:block;width:100%;margin-top:8px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:15px}.row-actions{display:flex;gap:9px;margin-top:13px}.mini{flex:1;border:none;border-radius:12px;padding:12px;font-size:14px;font-weight:600;background:#8899a61f;color:var(--text);cursor:pointer}.mini.primary{background:var(--accent);color:var(--accent-text);font-weight:700}.mini.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.badge{background:var(--accent-dim);color:var(--accent);font-size:11px;padding:2px 10px;border-radius:20px;margin-left:8px;font-weight:700}.card .card-row .card-sub{margin:0 0 0 8px}.period{margin-bottom:16px}.tabs{display:flex;gap:5px;background:#8899a61a;padding:4px;border-radius:14px}.tabs.sub{margin:10px 0 16px}.tab{flex:1;border:none;background:transparent;color:var(--hint);font-size:13px;font-weight:600;padding:10px 6px;border-radius:10px;cursor:pointer;transition:background .12s ease}.tab.active{background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow)}.period-dates{display:flex;align-items:center;gap:8px;margin-top:10px}.period-dates input{flex:1;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:15px}.period-dates span{color:var(--hint)}.totals-title{color:var(--hint);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:12px 0 2px}.totals.big b{font-size:18px}.totals.big .hl b{font-size:24px;letter-spacing:-.02em}.section{background:var(--card);border-radius:var(--radius);margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:none;border:none;color:var(--text);padding:16px;cursor:pointer}.section-title{font-size:15px;font-weight:700}.section-right{display:flex;align-items:center;gap:10px}.section-right b{font-size:17px}.chev{color:var(--hint);font-size:12px;transition:transform .15s ease}.chev.up{transform:rotate(180deg)}.section-body{padding:0 16px 10px}.dash-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.dash-line:last-child{border-bottom:none}.dash-name{color:var(--text);font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-nums{display:flex;gap:12px;align-items:baseline;flex:none}.dash-nums b{font-size:15px;font-variant-numeric:tabular-nums}.sub-head{color:var(--hint);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin:12px 0 2px}.cf-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line)}.cf-name{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-nums{display:flex;gap:12px;align-items:baseline;flex:none}.cf-nums b{font-size:15px;font-variant-numeric:tabular-nums}
