:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#19302a;background:#f5f7f3}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{background:#164e3e;color:white;border:0;border-radius:10px;padding:10px 16px;cursor:pointer}button:hover{filter:brightness(1.1)}button.secondary{background:#e6ece7;color:#224638}.plain{background:none;color:inherit;padding:5px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#d3e6d1,#edf3ea 55%,#e2ebe0)}.panel{width:min(410px,92vw);background:#fff;padding:36px;border-radius:22px;box-shadow:0 20px 65px #193b2c22}.brand{font-size:25px;font-weight:900;letter-spacing:.12em;color:#194b3e}.brand span{color:#e6a542}.panel h1{margin:36px 0 6px;font-size:29px}.panel p{color:#697c70;line-height:1.5}.panel label,dialog label{display:block;font-size:13px;font-weight:700;margin:15px 0}.panel input,dialog input,dialog select,dialog textarea{width:100%;border:1px solid #ccd8d0;border-radius:9px;padding:11px;margin-top:5px;background:white;color:#19302a}.panel button{width:100%;margin-top:12px}.error{color:#b53232!important;min-height:20px}#app{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}#app[hidden],.login[hidden]{display:none}aside{background:#173d34;color:#e2f0e8;padding:28px 17px;display:flex;flex-direction:column}aside .brand{color:white;font-size:20px}aside small{letter-spacing:.17em;color:#9fc3b0;margin:6px 0 36px}nav{display:grid;gap:5px}nav button{text-align:left;background:transparent;color:#cde0d4;font-weight:600;padding:12px 14px}nav button.active,nav button:hover{background:#28634e;color:white}.account{margin-top:auto;border-top:1px solid #4a7762;padding:20px 10px 0;font-size:13px}.account button{margin-top:7px}main{padding:34px clamp(20px,4vw,64px);min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header h1{font-size:30px;margin:0 0 4px}header p{margin:0;color:#6d8074}.badge{background:#e0eddf;color:#246144;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.card,.box{background:white;border:1px solid #e2ebe2;border-radius:16px;padding:21px;box-shadow:0 3px 15px #234e2510}.card .number{font-size:26px;font-weight:800;margin:9px 0 2px}.muted{color:#718377;font-size:13px}.box{margin-top:18px;overflow:auto}.box h2{font-size:18px;margin:0 0 15px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select{border:1px solid #ccd8d0;border-radius:9px;padding:9px;background:white}.toolbar input{min-width:220px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#658074;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#f5f8f5}td,th{padding:11px 9px;border-bottom:1px solid #edf1ed;vertical-align:middle}td.nowrap{white-space:nowrap}.pill{border-radius:20px;background:#ebf1e8;padding:4px 8px;font-size:11px;white-space:nowrap}.pill.paid{background:#d9f1dc;color:#15623b}.pill.pending{background:#fff1d8;color:#87631b}a{color:#176846}.linkbutton{padding:4px 7px;font-size:12px;background:#e4efe8;color:#1d5c42}.progress{height:7px;background:#e8efe8;border-radius:8px;overflow:hidden;min-width:100px}.progress span{display:block;height:100%;background:#3a9a65}dialog{border:0;border-radius:18px;box-shadow:0 25px 85px #142b2b55;width:min(520px,95vw);max-height:90vh}dialog::backdrop{background:#142a2a77}dialog h2{margin-top:0}dialog textarea{min-height:95px}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.empty{padding:24px;color:#718377;text-align:center}@media(max-width:720px){#app{display:block}aside{padding:15px;display:block}aside small,.account{display:none}nav{display:flex;overflow:auto;margin-top:10px}nav button{white-space:nowrap;padding:9px}main{padding:20px}header h1{font-size:23px}table{min-width:660px}}