:root{--brand: #15211e;--accent: #6fb3a9;--paper: #f2f4f2;--ink: #1b2420;--ink-soft: #55625c;--line: rgba(27, 36, 32, .14);--ok: #24684d;--bad: #8c3b2e}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;min-height:100dvh}.wrap{max-width:430px;margin:0 auto;padding:20px 14px calc(28px + env(safe-area-inset-bottom))}header.bar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}header.bar .who{font-weight:650}header.bar .tenant{color:var(--ink-soft);font-size:13.5px}header.bar button{background:none;border:none;color:var(--ink-soft);text-decoration:underline;font-size:13.5px;cursor:pointer}h1{font-size:20px;margin-bottom:14px}.field{margin-bottom:12px}.field label{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:4px}.field input{width:100%;padding:13px 14px;font-size:18px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}button.primary{width:100%;padding:15px;font-size:17px;font-weight:600;color:#fff;background:var(--brand);border:none;border-radius:12px;cursor:pointer;margin-top:6px}button.primary:disabled{opacity:.55}.row{display:flex;gap:10px}.row>*{flex:1}.error{color:var(--bad);font-size:14px;margin-top:8px;min-height:1.2em}.okline{color:var(--ok);font-size:15px;font-weight:600;margin-top:8px;min-height:1.2em}.client{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.client .name{font-weight:650;font-size:17px}.client .phone{color:var(--ink-soft);font-size:13.5px}.client .bal{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:6px}.client .bal small{font-size:15px;font-weight:400;color:var(--ink-soft)}.client .tier{color:var(--ok);font-size:13.5px}.actions{display:grid;gap:10px;margin-bottom:18px}.actions button.op{padding:15px;font-size:16px;font-weight:600;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;text-align:left}.actions button.op:disabled{opacity:.5}.actions button.op.warn{color:var(--bad)}dialog{border:none;border-radius:14px;padding:20px;width:min(92vw,380px);margin:auto}dialog::backdrop{background:#141c1873}dialog h2{font-size:17px;margin-bottom:12px}section.history h2{font-size:15px;margin:18px 0 8px;color:var(--ink-soft)}.hist-item{display:flex;justify-content:space-between;gap:8px;padding:9px 4px;border-top:1px solid var(--line);font-size:14px}.hist-item .amt{font-variant-numeric:tabular-nums;font-weight:600}.hist-item .amt.minus{color:var(--bad)}.hist-item .amt.plus{color:var(--ok)}.hist-item .meta{color:var(--ink-soft);font-size:12.5px}.hist-item button{background:none;border:none;color:var(--ink-soft);text-decoration:underline;font-size:12.5px;cursor:pointer}video.scanner{width:100%;border-radius:12px;background:#000;margin-bottom:10px}
