:root{--g:#008c45;--y:#ffdf00;--b:#174ea6;--bg:#f1f7f3;--line:#dce9e2;--ink:#18312a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,sans-serif}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#006b36,#00a859)}.authbox{width:min(420px,92vw);background:white;padding:28px;border-radius:18px;border-top:7px solid var(--y);box-shadow:0 20px 60px #00351f66}.logo{width:42px;height:42px;background:var(--y);color:var(--b);display:grid;place-items:center;border-radius:11px;font-weight:900}h1{margin:12px 0 4px}p{color:#687d75}label{display:block;font-size:12px;font-weight:bold;margin-top:12px}input,select{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid #cbded3;border-radius:8px}button,.btn{border:0;border-radius:8px;padding:11px 15px;background:var(--g);color:white;font-weight:bold;cursor:pointer;text-decoration:none}.authbox button{width:100%;margin-top:18px}.error,.success{padding:10px;border-radius:8px;margin:12px 0}.error{background:#fee7e5;color:#a21b13}.success{background:#ddf5e7;color:#08773a}.top{height:64px;padding:0 3vw;background:linear-gradient(110deg,#006b36,#00a859);color:white;border-bottom:5px solid var(--y);display:flex;align-items:center;justify-content:space-between}.top .logo{display:inline-grid;margin-right:9px}.wrap{max-width:1200px;margin:auto;padding:22px}.stats,.grid{display:grid;gap:12px}.stats{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:1fr 1fr;margin-top:12px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:17px}.wide{grid-column:1/-1}.stat b{display:block;font-size:24px;margin-top:6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:flex;gap:7px;margin-top:12px}.yellow{background:var(--y);color:#4d4600}.blue{background:var(--b)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid #edf3ef;font-size:12px}.paid{color:#08773a;font-weight:bold}.pending{color:#9a7000;font-weight:bold}@media(max-width:750px){.stats,.grid,.fields{grid-template-columns:1fr}.wide{grid-column:auto}}