:root{--primary-green: #2c6e31;--light-green: #5b8c51;--dark-green: #3d5c37;--background-light-color: #f8f7f2;--text-color: #2e3d2d;--white: #fff;--grey: #ccc;--light-grey: #f0f0f0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,sans-serif;font-size:12px}body{display:flex;flex-direction:column;overflow:hidden;background-color:var(--background-light-color);color:var(--text-color)}header{display:flex;justify-content:space-between;align-items:center;padding:.7rem;background-color:var(--primary-green);box-shadow:none}h1,h2,h3{font-weight:600;margin-bottom:.5rem;color:var(--text-color)}h1{font-size:1.3rem;color:#fff}h2{font-size:1.1rem;color:var(--primary-green)}h3{font-size:1rem;color:var(--dark-green)}.nutrient-selector-form{position:absolute;right:0;background-color:var(--background-light-color);padding:.5rem;border-radius:3px;border:1px solid var(--grey);max-height:80vh;overflow-y:auto}.dashboard-content{display:flex;overflow:hidden;height:100%}.dashboard-column{width:50%;padding:1rem;overflow-y:auto;border:1px solid var(--grey)}@media (max-width: 768px){.dashboard-content{flex-direction:column}.dashboard-column{width:100%;height:auto;min-height:50vh}}td.slider-label div{display:flex;flex-direction:column;align-items:center}td.slider-label div span{padding:.3rem;font-weight:500;font-size:.85rem}.brush .selection{fill:var(--primary-green);fill-opacity:.8;stroke:none}.brush .brush-handle circle{fill:var(--primary-green);fill-opacity:1;stroke:var(--text-color);stroke-width:1px;cursor:ew-resize}text.segment-label{font-size:11px;text-anchor:middle;fill:var(--text-color);font-weight:500;pointer-events:none;user-select:none;opacity:0}rect.segment:hover{opacity:.8}g.segment-group:hover text.segment-label,text.segment-label:hover{opacity:1}g.markers circle{cursor:pointer;stroke-width:.5px}g.markers circle{fill:#fd4949}g.markers circle.selected{fill:var(--light-green)}.slice:hover{opacity:.8}.pie-label{font-size:11px;font-weight:500;fill:#fff;pointer-events:none;text-transform:capitalize}button{background-color:var(--white);border:1px solid var(--grey);border-radius:3px;color:var(--text-color);cursor:pointer;padding:3px 8px}button:hover,button:focus{background-color:var(--light-grey)}input{background-color:var(--white);border:1px solid var(--grey);border-radius:3px;color:var(--text-color);padding:8px}dialog::backdrop{background-color:#00000080}dialog{background-color:var(--background-light-color);margin:auto;padding:20px;border:1px solid var(--grey);border-radius:5px;width:300px;max-width:80%}details summary{background-color:var(--background-light-color);border:1px solid var(--grey);border-radius:3px;color:var(--primary-green);cursor:pointer;padding:3px 8px}details summary:hover,details summary:focus{background-color:var(--light-grey)}select{border-radius:3px;color:var(--primary-green);cursor:pointer}select:hover,select:focus{background-color:var(--light-grey)}table{width:100%;border-collapse:collapse;border-spacing:0}table th{padding:.5rem;text-align:left;border-bottom:1px solid var(--grey);color:var(--primary-green)}table td{padding:.3rem;text-align:left;border-bottom:1px solid var(--grey)}table tr:hover{background-color:var(--light-grey)}a{color:var(--dark-green)!important;text-decoration:none}a:hover{color:var(--light-green)!important;text-decoration:underline}button.tab-button{position:relative}button.tab-button.active{font-weight:700}g.map-brush .selection{fill:#6464644d}