:root{font-family:Arial,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#172554;color:white;padding:18px 5%;display:flex;justify-content:space-between;align-items:center}button{border:0;border-radius:10px;padding:11px 16px;cursor:pointer;background:#2563eb;color:white;font-weight:700}main{max-width:1150px;margin:auto;padding:24px}.filters,.cards{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}.filters{background:white;padding:16px;border-radius:14px;align-items:end}.cards article{background:white;border-radius:14px;padding:18px;min-width:200px;flex:1;box-shadow:0 4px 18px #0000000c}.cards span{display:block;color:#64748b}.cards b{font-size:24px}.account{background:white;border-radius:14px;padding:15px;margin:10px 0;display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:center}.paid{border-left:5px solid #16a34a}.pending{border-left:5px solid #ef4444}.tag{font-size:12px;background:#e2e8f0;padding:4px 8px;border-radius:20px}.icon{padding:8px 10px;background:#e2e8f0;color:#172033}dialog{border:0;border-radius:16px;width:min(560px,94%)}form{display:grid;gap:12px}label{display:grid;gap:5px;font-weight:700}input,select,textarea{padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:700px){.account{grid-template-columns:1fr 1fr}.account .supplier{grid-column:1/-1}}