*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7f5;color:#15261f}button,input,select,textarea{font:inherit}.app{min-height:100vh}.bar{position:sticky;top:0;z-index:10;background:#15261f;color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.bar strong{font-size:1.1rem}.content{width:min(1120px,94%);margin:auto;padding:22px 0 90px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fff;border:1px solid #dbe6e0;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(21,38,31,.05)}.metric{font-size:2.2rem;font-weight:900;color:#2ead68}.btn{border:0;border-radius:12px;background:#2ead68;color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}.btn.dark{background:#15261f}.btn.ghost{background:#e5f6eb;color:#176038}.tabs{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dbe6e0;display:flex;justify-content:space-around;padding:10px}.tabs button{border:0;background:none;font-weight:800;color:#4d6259}.list{display:grid;gap:12px}.job{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#dff5e8;color:#176038;font-size:.82rem;font-weight:900}.muted{color:#61766b}.actions{display:flex;gap:8px;flex-wrap:wrap}.hero{background:linear-gradient(135deg,#15261f,#244a39);color:#fff;border-radius:22px;padding:26px}.hero h1{margin:0 0 8px;font-size:clamp(2rem,7vw,4rem)}@media(max-width:800px){.grid{grid-template-columns:1fr}.content{padding-top:14px}}