:root{font-family:Arial,Helvetica,sans-serif;color:#17342b;background:#f4f7f3;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#14372e;color:white;padding:16px clamp(16px,3vw,48px);display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-size:26px;font-weight:850;letter-spacing:-1.5px;white-space:nowrap}.brand>span:not(.bolt){color:#d6f450}.brand small{font-size:10px;letter-spacing:2px;margin-left:8px;color:#abc6b2}.bolt{display:inline-grid;place-items:center;background:#d6f450;color:#173c32;border-radius:12px;width:38px;height:38px;margin-right:9px}button{font:inherit;cursor:pointer;border:1px solid #bfd0c2;background:white;color:#234b36;padding:10px 15px;border-radius:10px;font-weight:700}button:hover{border-color:#5c9863}.primary{background:#d6f450;border-color:#d6f450;color:#183a2b}.plain{border:0;background:transparent}#account button{background:transparent;color:#d6f450;border-color:#607d6a;font-size:14px}#notice{padding:13px 25px;background:#fff0df;color:#733f1c}#app{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:calc(100vh - 70px)}#properties{background:#eaf0e8;padding:24px 13px;border-right:1px solid #d9e6dc}#properties button{display:block;width:100%;text-align:left;border:0;background:transparent;margin:5px 0}#properties button.active{background:#d6f450;color:#173c32}main{min-width:0;max-width:1520px;width:100%;padding:30px clamp(16px,3vw,48px)}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.heading h1{font-size:clamp(30px,4vw,46px);margin:7px 0 20px;letter-spacing:-2px}.overline{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#63806f}.card,.metric{background:white;border:1px solid #e0e9e0;border-radius:18px;padding:23px}.filter{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:17px}.filter label{min-width:150px}.filter p{margin:0;color:#647a6c;font-size:13px;flex-basis:100%}label{display:block;color:#476050;font-weight:700;font-size:14px}input,select{display:block;width:100%;padding:10px;margin:6px 0 0;border:1px solid #bdcdbf;border-radius:9px;background:white;color:#17342b;font:inherit;font-size:16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{min-height:140px;display:flex;flex-direction:column;justify-content:end}.metric:first-child{background:#173c32;color:white}.metric span{font-size:14px;color:#718777}.metric:first-child span{color:#c2d8c3}.metric strong{font-size:clamp(24px,2.4vw,36px);margin:9px 0 3px;letter-spacing:-1px}.metric small{font-size:13px;color:#8b9c90}.metric:first-child small{color:#b3cbb7}.tabs{display:flex;overflow:auto;border-bottom:1px solid #d6e1d8;gap:20px;margin:24px 0 16px}.tabs button{border:0;border-radius:0;border-bottom:3px solid transparent;background:transparent;white-space:nowrap;color:#637d68}.tabs button.active{border-bottom-color:#29663c;color:#143b28}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.card h2{font-size:21px;margin:0 0 18px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpis b{display:block;font-size:26px;margin-top:8px}.kpis span{font-size:13px;color:#6e8474}.progress{background:#dce9dc;border-radius:20px;height:11px;margin:20px 0}.progress i{display:block;background:#63a741;height:100%;border-radius:20px}.note{color:#657c6b;font-size:14px;line-height:1.5}.tablewrap{overflow:auto}.tablewrap table{border-collapse:collapse;width:100%;min-width:620px}.tablewrap th,.tablewrap td{padding:12px;text-align:left;border-bottom:1px solid #e8eee8;font-size:14px}.tablewrap th{color:#6d8273}.tablewrap td.num,.tablewrap th.num{text-align:right}.flags{color:#9a5729}.chart{width:100%;height:230px;display:flex;align-items:end;gap:4px;border-bottom:1px solid #cddccc}.chart .bar{background:#79a846;flex:1;min-width:3px;border-radius:4px 4px 0 0}.actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-grid .card{min-width:0}.settings-grid h3{text-transform:capitalize}.file-label{display:inline-block;cursor:pointer;border:1px solid #bfd0c2;padding:10px 15px;border-radius:10px;margin-top:10px}.file-label input{display:none}.auth{max-width:440px;margin:12vh auto}.auth h1{font-size:30px;margin-top:0}.auth label{margin:16px 0}.auth button{margin-right:8px}dialog{border:0;border-radius:18px;padding:25px;width:min(520px,calc(100vw - 24px));box-shadow:0 25px 80px #16342755}dialog::backdrop{background:#10251c99}#modalFields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:60vh;overflow:auto}#modalFields label:first-child:last-child{grid-column:span 2}footer{padding:26px 0;color:#859887;font-size:12px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.settings-grid,.grid2{grid-template-columns:1fr}}@media(max-width:720px){header{padding:13px 16px}.brand{font-size:21px}.brand small{display:none}#app{display:block}#properties{display:flex;overflow:auto;gap:6px;padding:9px 13px}#properties button{width:auto;white-space:nowrap;flex:none}main{padding:20px 15px}.heading{align-items:start}.heading button{font-size:13px}.metrics{gap:8px}.metric{padding:17px;min-height:135px}.metric strong{font-size:26px}.card{padding:18px}.settings-grid{grid-template-columns:1fr}#modalFields{grid-template-columns:1fr}}@media(max-width:380px){.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:22px}}
