:root{font-family:Inter,PingFang SC,sans-serif;color:#24302b;background:#f4f6f4}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}main{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#173f32;color:#fff;padding:28px 18px}.brand{display:flex;gap:12px;align-items:center;margin:0 8px 38px}.brand i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#d8a94f;font-style:normal;font-size:22px}.brand span{font-size:19px;font-weight:700}.brand small{display:block;font-size:10px;opacity:.6;margin-top:3px}aside button{display:block;width:100%;padding:13px 16px;border:0;border-radius:10px;background:transparent;color:#d9e6df;text-align:left;font-size:14px;margin:5px 0;cursor:pointer}aside button:hover{background:#215643}aside button.active{background:#28644f;color:#fff}section{padding:34px 40px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h1{margin:0;font-size:26px}h2{margin:0;font-size:18px}h3{font-size:15px;margin:28px 0 12px}header p{color:#7c8781;margin:8px 0 0}.refresh,.primary,.actions button{border:0;border-radius:10px;cursor:pointer}.refresh{background:#fff;border:1px solid #dfe5e1;color:#173f32;padding:10px 16px}.primary{background:#173f32;color:#fff;padding:12px 18px;width:max-content}.cards{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:16px;margin-bottom:24px}.cards article,.panel,.enterprise-list article{background:#fff;border:1px solid #e7ebe8;border-radius:16px;box-shadow:0 7px 20px #17402f0a}.cards article{padding:22px}.cards small{color:#76817c}.cards strong{display:block;font-size:26px;margin:14px 0}.cards em{font-size:11px;color:#2d8b63;font-style:normal}.grid.two{display:grid;grid-template-columns:360px 1fr;gap:18px}.stack{display:grid;gap:18px}.panel{padding:24px;overflow:auto}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-title span{color:#7c8781;font-size:13px}.summary{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;margin-top:20px}.summary b{font-size:28px;color:#173f32}.summary span{color:#6d7772}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #edf0ee;font-size:13px;vertical-align:middle}th{color:#77827c;font-weight:500}td b{background:#fff4d8;color:#8a6420;padding:5px 9px;border-radius:12px;font-weight:600}td small{display:block;color:#8c9691;margin-top:4px}.status{display:inline-block;border-radius:999px;padding:5px 10px;background:#eef4f1;color:#43705f}.status.active,.status.approved,.status.COMPLETED{background:#e8f7ef;color:#23865d}.status.pending,.status.FEE_PENDING,.status.PENDING_PAYMENT{background:#fff4d8;color:#8a6420}.status.rejected{background:#fdecec;color:#b03d3d}.actions{display:flex;gap:8px}.actions button{padding:8px 12px}.approve{background:#e8f7ef;color:#237a57}.reject{background:#fdecec;color:#a43b3b}.empty{display:grid;place-items:center;min-height:120px;color:#8a948f;background:#f8faf8;border:1px dashed #dfe5e1;border-radius:12px}.form{display:grid;grid-template-columns:220px 220px auto;gap:14px;align-items:end}.form .panel-title{grid-column:1/-1}.form label{display:grid;gap:8px;color:#637069;font-size:13px}.form input{height:42px;border:1px solid #dfe5e1;border-radius:10px;padding:0 12px;background:#fbfcfb}.form em{position:relative;left:184px;bottom:38px;width:20px;color:#79847f;font-style:normal}.enterprise-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.enterprise-list article{padding:20px}.enterprise-list strong{display:block;font-size:17px}.enterprise-list span,.enterprise-list small{display:block;color:#718078;margin-top:8px}.enterprise-list p{color:#37443e;line-height:1.65}.placeholder{min-height:280px;display:grid;align-content:center}.placeholder p{color:#6f7974;max-width:520px;line-height:1.7}@media(max-width:1050px){main{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:2;display:flex;gap:8px;overflow:auto;padding:12px}.brand{display:none}aside button{white-space:nowrap;text-align:center;margin:0}.cards{grid-template-columns:repeat(2,1fr)}.grid.two,.enterprise-list,.form{grid-template-columns:1fr}section{padding:20px}.form em{left:auto;bottom:auto}}