:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#223133;background:#f3f6f4}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit}header{background:#123d35;color:white;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}header small{color:#a9c6bd}header strong{display:block;font-size:23px;margin-bottom:4px}main{max-width:1320px;margin:auto;padding:34px 4%}h1{font-size:32px;letter-spacing:-1px;margin:0 0 8px}h2{font-size:20px}p{line-height:1.5}.muted{color:#677773}.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.card,.panel{background:white;border:1px solid #dde5df;border-radius:16px;padding:22px}.card small{display:block;color:#65766e;margin-bottom:15px}.card strong{font-size:25px;letter-spacing:-.6px}.green{color:#18745c}.red{color:#b54b43}.panel{margin:18px 0;overflow:auto}button,.button{border:0;border-radius:9px;padding:11px 16px;background:#1c6653;color:white;cursor:pointer;text-decoration:none;display:inline-block;font-weight:600}button:hover,.button:hover{filter:brightness(.92)}.secondary{background:#e8f0eb;color:#234e40}.plain{background:transparent;color:inherit;border:1px solid #9dbbb0}.tiny{padding:7px 10px;font-size:12px}.inline{display:inline}input,select,textarea{border:1px solid #cbd8cf;border-radius:8px;padding:10px;background:white;color:#253a31;max-width:100%}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th{text-align:left;color:#76867d;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:12px 10px;border-bottom:1px solid #dfe8e1}td{padding:14px 10px;border-bottom:1px solid #edf1ed}td:first-child{font-weight:600;white-space:normal;min-width:170px}td small{display:block;font-weight:400;color:#76837a;margin-top:5px}.pill{font-size:11px;background:#f8eddb;color:#946127;border-radius:20px;padding:5px 9px;display:inline-block}.paid{background:#e2f1e7;color:#28704c}.late{background:#fce8e4;color:#a34038}.notice{background:#fff6df;border:1px solid #eddfbb;padding:14px 18px;border-radius:10px;font-size:13px}.error{background:#fde7e3;color:#9e382b;padding:14px;border-radius:10px}.login{max-width:440px;margin:8vh auto}.login input{width:100%;margin-bottom:18px}.login button{width:100%}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}dialog{border:0;border-radius:18px;max-width:720px;width:92%;padding:28px;box-shadow:0 24px 100px #0004}dialog::backdrop{background:#173b3299}footer{font-size:12px;color:#7b8981;margin-top:24px}.tabs{display:flex;gap:8px;flex-wrap:wrap}details summary{cursor:pointer}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.card{padding:17px}.card strong{font-size:20px}header{padding:18px 5%}main{padding:24px 4%}h1{font-size:27px}.panel{padding:15px}}
