*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f4f6f1;color:#18332c}main{max-width:1180px;margin:auto;padding:36px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-weight:750;letter-spacing:.12em;font-size:13px}.badge{font-size:12px;border:1px solid #b8c8ba;border-radius:20px;padding:7px 12px}.hero{padding:62px 0 30px;max-width:760px}h1{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:10px 0 20px}.eyebrow{color:#486b55;letter-spacing:.18em;font-size:12px}aside,p{line-height:1.6}aside{background:#fff1cd;color:#634b16;padding:18px;border-radius:12px}.grid,.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.profiles>div{border-left:3px solid #56795e;padding:4px 16px}.profiles p{font-size:13px;color:#52665e}article{background:#fff;border:1px solid #dce5db;border-radius:16px;padding:24px}h2{font-size:19px;margin:0}article p{color:#52665e}article p,ul{font-size:14px}ul{padding-left:18px;line-height:1.7}li{margin:12px 0}footer{color:#52665e;font-size:13px;margin-top:35px;line-height:1.7}@media (max-width:800px){.grid,.profiles{grid-template-columns:1fr}main{padding:24px 18px}}.login-card{max-width:520px;margin-top:24px}.login-form{display:grid;gap:12px;margin-top:20px}button,input,select{font:inherit}input,select{padding:12px;border:1px solid #9dac9f;border-radius:8px;width:100%;background:white}button{background:#254b36;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#6d5b50}a{color:#254b36}.task-grid{grid-template-columns:repeat(2,1fr)}.task-form{display:grid;gap:12px;max-width:560px;margin:24px 0}.approvals,.task-form{padding:24px;background:white;border:1px solid #dce5db;border-radius:16px}.approvals{margin-top:24px}.approvals>ul{list-style:none;padding:0}.approvals>ul>li{border-top:1px solid #dce5db;padding:16px 0}.approval-buttons{display:flex;gap:8px;flex-wrap:wrap}.monitor-grid{grid-template-columns:repeat(3,1fr)}.reports{margin-top:24px;padding:24px;background:white;border:1px solid #dce5db;border-radius:16px}.reports>ul{list-style:none;padding:0}.reports>ul>li{border-top:1px solid #dce5db;padding:16px 0}.reports pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.6;color:#304b42}small{color:#52665e}@media (max-width:800px){.task-grid{grid-template-columns:1fr}}