:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#203127;background:#f3f6f2}*{box-sizing:border-box}body{margin:0}header{background:#234c26;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(16px,3vw,45px)}h1{font-size:27px;margin:4px 0}header small{opacity:.85}nav{display:flex;flex-wrap:wrap;gap:18px}a{color:inherit}nav a{text-decoration:none;font-weight:600;font-size:13px}.container{max-width:1600px;margin:auto;padding:22px}.filters,.panel{background:white;border:1px solid #dce5da;border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:0 3px 10px #19371b0a}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}label{font-size:12px;font-weight:700;color:#506150;display:block}input,select{display:block;background:white;border:1px solid #cbd8c9;border-radius:7px;width:100%;margin-top:6px;padding:10px;color:#253a25;min-width:0}.actions{display:flex;align-items:center;gap:18px;margin-top:16px}button{background:#2d6b38;border:0;color:white;border-radius:7px;padding:11px 18px;cursor:pointer;font-weight:700}.clear{color:#296734}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-bottom:18px}.kpi{background:white;border:1px solid #dce5da;padding:18px;border-radius:12px;border-top:4px solid #2e6d36;display:flex;flex-direction:column;gap:6px}.kpi span{font-size:12px;color:#647464;font-weight:700}.kpi strong{font-size:27px;color:#284b2d}.kpi small,.muted{color:#7a897c;font-size:13px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel h2{font-size:16px;margin:0 0 18px;color:#224a28}.canvas{height:295px;position:relative}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:10px;text-align:left;border-bottom:1px solid #e5ece5;white-space:nowrap}th{background:#e8f0e6;color:#244a2b}td:first-child{font-weight:600}.auth{max-width:430px;padding:34px;margin:10vh auto;background:white;border-radius:15px;box-shadow:0 8px 30px #19371b18}.auth label{margin-bottom:15px}.auth button{width:100%}@media(max-width:850px){header{flex-direction:column;align-items:flex-start}.twocol{grid-template-columns:1fr}.container{padding:12px}.canvas{height:250px}}