@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f6f4ee;color:#202b2d;font:15px 'DM Sans',sans-serif}header{background:#173f3a;color:#fff;padding:18px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px}header strong{font-size:22px;letter-spacing:.3px}header span{color:#c8d8d2}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}a{color:#216c62;text-decoration:none;font-weight:600}nav a{color:#e7f0ed;font-size:13px}button,.button{border:0;background:#e7b64b;color:#1e2927;padding:10px 15px;border-radius:5px;font-weight:700;cursor:pointer;display:inline-block}nav button{padding:7px 10px;background:transparent;color:#e7f0ed;border:1px solid #72918b}.danger{background:#f2d9d4;color:#922f21}main{max-width:1180px;margin:35px auto;padding:0 22px}.hero{background:#173f3a;color:white;padding:48px;border-radius:12px;background-image:linear-gradient(110deg,#173f3a,#286a61)}.hero h1,h1{font:700 clamp(31px,4vw,48px) 'Playfair Display',serif;margin:7px 0 12px}.hero p{max-width:620px;color:#d7e6e0;font-size:17px}.eyebrow{color:#c9952d;letter-spacing:1.8px;font-size:12px;font-weight:bold}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stats article,.card,main>section:not(.hero){background:#fff;border:1px solid #e4e1d9;border-radius:9px;padding:22px}.stats b{display:block;font:700 35px 'Playfair Display';color:#1e6259}.stats span{color:#63716e}h2{font-family:'Playfair Display'}table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid #e4e1d9;border-radius:9px;overflow:hidden;margin-top:20px}th{text-align:left;background:#edf2ed;padding:13px;color:#31504a;font-size:12px;text-transform:uppercase;letter-spacing:.5px}td{padding:13px;border-top:1px solid #eeeae1;vertical-align:top}td form{display:inline-block;margin:2px}label{display:block;font-weight:700;font-size:13px;color:#344b47;margin:10px 0}input,select,textarea{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #ccd4ce;border-radius:5px;background:#fff;font:inherit}textarea{min-height:85px}.card{max-width:680px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;max-width:900px}.inline{display:inline}.pill{padding:4px 8px;border-radius:99px;text-transform:capitalize;font-size:12px;font-weight:bold}.pending{background:#fff0cb;color:#8a6113}.approved{background:#daf0df;color:#21633b}.rejected{background:#f7ded9;color:#993a2d}.alert{padding:13px 15px;border-radius:6px;margin:0 0 18px;background:#daf0df;color:#21633b}.alert.error{background:#f7ded9;color:#993a2d}.login{width:min(440px,calc(100% - 36px));margin:10vh auto;background:#fff;border:1px solid #e4e1d9;padding:38px;border-radius:12px}.login h1{font-size:39px}.login small{display:block;color:#63716e;margin-top:20px}code{background:#edf2ed;padding:4px;display:inline-block;overflow:auto;max-width:100%}@media(max-width:720px){header{align-items:flex-start;flex-direction:column}.stats,.grid{grid-template-columns:1fr}main{padding:0 14px}.hero{padding:28px}table{display:block;overflow-x:auto}}