:root{font-family:Inter,system-ui,sans-serif;color:#16313b;background:#eef3f4;--navy:#073b4c;--green:#159a61;--orange:#f28c28}*{box-sizing:border-box}body{margin:0}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#073b4c,#0b6175)}.login form{background:white;padding:32px;border-radius:22px;width:min(90%,380px);box-shadow:0 18px 50px #00222c88}.login h1{font-size:38px;margin:0}.login h1 span,header b span{color:var(--green)}input,select,textarea,button{font:inherit}.login input,.login button,label input,label select,textarea{width:100%;padding:13px;margin:7px 0;border:1px solid #cbd8dc;border-radius:11px}.login button,.primary{background:var(--green);color:white;border:0;font-weight:700}header{height:58px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 16px}header b{font-size:22px}header button{background:transparent;color:white;border:1px solid #ffffff55;border-radius:8px;padding:7px}nav{display:flex;background:white;box-shadow:0 2px 10px #0002}nav button{flex:1;padding:13px;border:0;background:white}nav button.active{color:var(--green);border-bottom:3px solid var(--green);font-weight:700}#filters{padding:9px;display:flex;gap:8px}#filters select{flex:1;padding:9px;border:1px solid #ccd7db;border-radius:10px;background:white}#map{height:calc(100vh - 151px)}.cards{padding:10px;display:grid;gap:9px}.card{background:white;border-radius:14px;padding:13px;border-left:6px solid #71909c;box-shadow:0 2px 8px #0001}.card h3{margin:0 0 6px}.card small{color:#647b83}.stats{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:18px;background:white;border-radius:15px}.stat b{font-size:28px;display:block}dialog{border:0;border-radius:18px;width:min(94%,520px);padding:0;box-shadow:0 20px 60px #0006}dialog::backdrop{background:#002b3a99}#taskForm{padding:20px}.close{float:right;border:0;background:none;font-size:28px}label{display:block;margin-top:10px;font-size:13px;font-weight:700}#navigate{display:block;text-align:center;padding:12px;color:#087c55}.leaflet-popup-content button{background:var(--green);color:white;border:0;padding:7px;border-radius:8px}@media(min-width:900px){.cards{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(4,1fr)}#map{height:calc(100vh - 151px)}}

[hidden]{display:none!important}