:root{--g:#08783f;--g2:#0a9a50;--n:#0c2f50;--b:#176fc1;--bg:#f5f8f6;--line:#dbe6df;--muted:#68776f;--r:16px;--shadow:0 10px 35px rgba(5,70,38,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#17231b;font:15px/1.5 Arial,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1220px,94%);margin:auto}.top{background:#075b34;color:#fff;font-size:13px}.top .container{display:flex;justify-content:space-between;padding:7px 0}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav .container{min-height:76px;display:flex;align-items:center;gap:22px}.logo{font-size:22px;font-weight:900;color:var(--n);white-space:nowrap}.logo b{color:var(--g)}.logo small{display:block;font-size:9px;color:var(--muted);letter-spacing:1px}.links{display:flex;gap:16px;justify-content:center;align-items:center;flex:1;font-size:13px;font-weight:700}.links a:hover{color:var(--g)}.actions{display:flex;gap:7px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:10px 15px;font-weight:800;cursor:pointer}.green{background:var(--g);color:#fff}.blue{background:var(--b);color:#fff}.out{background:#fff;border:1px solid #bacbbf;color:var(--n)}.hero{color:#fff;padding:54px 0;background:linear-gradient(115deg,#044a2e 0%,#08783fe8 56%,#0d9554c9 100%)}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1;margin:0 0 10px;max-width:900px}.hero p{font-size:19px;max-width:800px;color:#e7f5ec}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.chip{background:#ffffff1c;border:1px solid #ffffff31;padding:10px 13px;border-radius:10px;font-weight:700}.search{display:flex;gap:8px;background:#fff;padding:9px;border-radius:12px}.search input{flex:1;border:0;outline:0;padding:10px;min-width:0}.section{padding:34px 0}.section h2{font-size:29px;color:var(--n);margin:0 0 5px}.lead{color:var(--muted);margin-top:0}.grid{display:grid;gap:17px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 7px 25px rgba(6,68,38,.05)}.card{overflow:hidden}.body{padding:18px}.body h3,.panel h3{color:var(--n);margin:0 0 7px}.cover{height:175px;display:flex;align-items:center;justify-content:center;font-size:70px;background:linear-gradient(135deg,#e1f3e6,#c3e4cc)}.pills{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.pill,.badge{font-size:11px;border-radius:99px;padding:5px 8px}.pill{background:#edf4ef}.badge{font-weight:800}.badge.ok{background:#e6f6ec;color:#08783f}.badge.warn{background:#fff3d4;color:#806000}.badge.muted{background:#eef0ef;color:#666}.split{display:grid;grid-template-columns:270px 1fr;gap:20px}.side{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;height:max-content;position:sticky;top:94px}.side input,.side select,.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #cbd8cf;border-radius:8px;background:#fff}.field label{display:block;font-weight:800;color:var(--n);margin-bottom:6px}.field textarea{min-height:125px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{text-align:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.kpi strong{display:block;font-size:30px;color:var(--g)}.notice{padding:13px 15px;border-radius:9px;margin:12px auto;max-width:1220px}.notice.success{background:#e7f6ec;color:#08783f}.notice.warning{background:#fff3d4;color:#806000}.notice.error{background:#fdebea;color:#a01914}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{background:#f1f6f3;color:var(--n)}footer{margin-top:45px;background:#034b2d;color:#e9fff0}.footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding:42px 0}.footer p{color:#bad5c4}@media(max-width:980px){.links{display:none}.split{grid-template-columns:1fr}.side{position:static}.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.g3,.g4,.form,.kpis,.footer{grid-template-columns:1fr}.top .container{display:block;text-align:center}.actions .optional{display:none}.hero{padding:40px 0}}

/* Homepage hero photo slider */
.home-hero{
  position:relative;
  overflow:hidden;
  background:#0b6a3a;
  min-height:565px;
  display:flex;
  align-items:center;
}
.home-hero .container{position:relative;z-index:3}
.home-hero-slider{position:absolute;inset:0;z-index:0;overflow:hidden}
.home-hero-slide{
  position:absolute;
  inset:-2%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(1.04);
  animation:homeHeroFade 18s infinite;
}
.home-hero-slide.slide-1{background-image:url('slide1.png');animation-delay:0s}
.home-hero-slide.slide-2{background-image:url('slide2.png');animation-delay:6s}
.home-hero-slide.slide-3{background-image:url('slide3.png');animation-delay:12s}
.home-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,63,34,.88) 0%,rgba(4,81,43,.72) 48%,rgba(4,81,43,.30) 100%);
  z-index:2;
}
.home-hero-content{padding-top:64px;padding-bottom:64px}
@keyframes homeHeroFade{
  0%{opacity:0;transform:scale(1.04)}
  8%{opacity:1}
  28%{opacity:1;transform:scale(1)}
  36%{opacity:0}
  100%{opacity:0}
}
@media(max-width:700px){
  .home-hero{min-height:620px}
  .home-hero-overlay{background:linear-gradient(90deg,rgba(3,63,34,.92),rgba(4,81,43,.68))}
}