:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17342c;background:#f2f5ed;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #cbd7cb;padding-bottom:22px}header span{flex:1;color:#53655b}.brand{font-weight:800;font-size:22px;text-decoration:none}a{color:#235f48}h1{font-size:clamp(32px,5vw,58px);letter-spacing:-2px;line-height:1.08;margin:14px 0 22px}h2{font-size:21px;margin:0 0 16px}h2 span{color:#647565;font-weight:400}p{line-height:1.6}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#4b715e}.intro{padding:38px 0 20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}section{background:#fff;border:1px solid #dce4d7;border-radius:18px;padding:26px;margin-bottom:22px}.intro{background:none;border:0}.bin{margin:0;position:relative}.bin h2{font-size:16px;margin:16px 0}.bin strong{font-size:23px}.bin p{font-size:13px;color:#657064}.dot{display:block;width:32px;height:36px;border-radius:5px 5px 10px 10px;background:var(--bin);border-top:5px solid #ffffff80}.blue{--bin:#3269ae}.brown{--bin:#95602c}.black{--bin:#34423f}.yellow{--bin:#e4b52d}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}nav{display:flex;gap:16px;font-size:14px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar>b{text-align:center;color:#68776d;font-size:12px;padding:6px}.day{min-height:94px;background:#f6f8f3;border-radius:8px;padding:9px}.day time{font-size:13px}.today{outline:2px solid #357356}.tag{display:block;background:var(--bin);color:white;text-decoration:none;font-size:12px;border-radius:5px;padding:4px;margin-top:5px}.tag.yellow{color:#302c14}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}form{display:grid;gap:14px}label{display:grid;gap:7px;font-size:14px;font-weight:600}input,select,button{font:inherit;border-radius:8px;padding:11px 13px;border:1px solid #bdcabb;max-width:100%;min-width:0}button{background:#245c45;color:white;border:0;cursor:pointer;font-weight:650;justify-self:start}.secondary{background:#e9efe5;color:#254d3e}input:focus,select:focus,button:focus,a:focus{outline:3px solid #dfb73d;outline-offset:2px}.check{display:flex;align-items:center;font-weight:400}.check input{width:18px;height:18px}.event{display:grid;grid-template-columns:1fr 1.4fr 1fr auto auto;align-items:center;border-top:1px solid #e2e8df;padding:18px 0;gap:18px}.event span{font-size:12px;color:#657465}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.muted,footer{color:#68776c;font-size:13px}.alert{background:#fff0db;padding:18px;border:1px solid #c8893d;border-radius:10px}.preview{max-height:250px;overflow:auto;line-height:1.8}.login{max-width:700px;margin:65px auto}.login form{max-width:400px;margin-top:32px}footer{padding:20px 0;text-align:center}@media(max-width:760px){main{padding:16px}header{flex-wrap:wrap;gap:12px}header span{font-size:12px}.cards{grid-template-columns:1fr 1fr}.columns,.status{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}section{padding:18px}.day{min-height:76px;padding:5px}.tag{font-size:10px;padding:3px}.event{grid-template-columns:1fr 1fr}.event>span{grid-column:2}.bin strong{font-size:18px}.calendar{gap:3px}.login{margin:30px auto}}
