:root{--bg:#f6f7fb;--card:#fff;--text:#172033;--muted:#667085;--border:#e4e7ec;--brand:#176b5b;--danger:#b42318;--soft:#eef7f4}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1240px;margin:0 auto;padding:24px}.top{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:18px}.top h1{margin:0;font-size:24px}.muted{color:var(--muted);font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;margin:16px 0;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.grid .wide{grid-column:span 2}.grid .full{grid-column:1/-1}label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}input,select,textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:14px}textarea{min-height:42px}.btn{border:0;border-radius:9px;padding:10px 13px;background:var(--brand);color:#fff;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px}.btn.secondary{background:#344054}.btn.danger{background:var(--danger)}.btn.light{background:var(--soft);color:var(--brand);border:1px solid #cfe8df}.actions{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--soft);border-radius:12px;padding:14px}.stat b{display:block;font-size:20px;margin-top:4px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left;font-size:13px;vertical-align:top}th{background:#f9fafb;color:#475467;font-weight:700;position:sticky;top:0}tr:hover{background:#fcfcfd}.money{text-align:right;white-space:nowrap}.balance.negative{color:var(--danger);font-weight:700}.balance.zero{color:var(--brand);font-weight:700}.searchbar{display:flex;gap:10px;align-items:center}.searchbar input{max-width:420px}.small{font-size:12px}.login{max-width:420px;margin:80px auto}.pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef2ff;color:#3538cd;font-size:12px}.actions-cell{min-width:230px;white-space:nowrap}.actions-cell form{margin-left:6px}.details-panel{background:#fafafa;border:1px solid var(--border);padding:14px;border-radius:12px;margin:4px 0}.details-panel h4{margin:14px 0 8px}.details-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.details-summary div{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px}.details-summary b{display:block;margin-top:4px;font-size:16px}.payment-row{display:grid;grid-template-columns:100px 80px 1fr 130px 1fr auto;gap:8px;align-items:center;border-bottom:1px dashed var(--border);padding:8px 0}.payment-row:last-child{border-bottom:0}.payment-form{margin-bottom:10px}
@media(max-width:900px){.grid,.stats,.details-summary{grid-template-columns:1fr}.grid .wide{grid-column:auto}.tablewrap{overflow:auto}.top{display:block}.payment-row{grid-template-columns:1fr}.container{padding:12px}.actions-cell{white-space:normal}}
.icon-actions{min-width:96px;text-align:center}.icon-actions form{margin-left:4px}.icon-btn{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;border-radius:9px}