:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#212223;background:#faf8f1}*{box-sizing:border-box}body{margin:0}.page{max-width:950px;margin:auto;padding:18px}header,.bar,.inputrow{display:flex;align-items:center;gap:12px;justify-content:space-between}header{margin:0 0 18px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:#b9811a}.small,footer{font-size:12px;color:#747474}main{display:grid;gap:12px}.panel{background:white;border:1px solid #ebe4d7;border-radius:16px;padding:17px;box-shadow:0 2px 9px #00000006}h2,h3{margin:0 0 12px}h2{font-size:19px}h3{font-size:16px}.bar h2{margin:0}p{line-height:1.45}form{display:grid;gap:9px;margin-top:12px}input,select,button{font:inherit;border-radius:9px;padding:10px 12px;border:1px solid #d7d7d2;min-width:0}input,select{background:#fff;flex:1}button{border-color:#202020;background:#202020;color:white;cursor:pointer;white-space:nowrap}button.secondary{background:white;color:#222}button.danger{background:#a92f2f;border-color:#a92f2f}button:hover{opacity:.88}details summary{font-weight:600;cursor:pointer}.balance{font-size:36px;font-weight:800;margin:8px 0}.pill{display:inline-block;padding:3px 9px;background:#f6f0e1;border-radius:14px;font-size:12px}.history{border-collapse:collapse;width:100%;font-size:12px;margin-top:10px}.history td,.history th{padding:8px 5px;border-bottom:1px solid #eee;text-align:left}#clients{margin-top:12px;max-height:240px;overflow:auto}.client{display:flex;justify-content:space-between;padding:8px;border-top:1px solid #eee;cursor:pointer}.client:hover{background:#faf9f4}#toast{position:fixed;right:15px;bottom:15px;max-width:400px;border-radius:12px;background:#222;color:white;padding:10px 16px;display:none}footer{text-align:center;padding:20px}body[data-embed='yes'] .page{padding:8px}body[data-embed='yes'] header .small,body[data-embed='yes'] .panel:first-of-type .bar,body[data-embed='yes'] #clients{display:none}body[data-embed='yes'] h2{font-size:16px}body[data-embed='yes'] .balance{font-size:22px}

.actionlink{display:inline-block;padding:9px 13px;border-radius:9px;background:#a86a10;color:#fff;text-decoration:none;font-weight:600;white-space:nowrap}.actionlink:hover{background:#8f560a}.mutedbox{background:#fff9ec;border:1px solid #f3e0bb;border-radius:10px;padding:11px;margin-top:8px}.good{color:#2d773b}.warn{color:#a56507}@media(max-width:640px){.inputrow,.bar{align-items:stretch;flex-wrap:wrap}.actionlink{width:100%;text-align:center}.page{padding:12px}}
