html,body{flex-direction:column;height:100%;margin:0;padding:0;display:flex}header{flex:none}main{flex:auto;position:relative}#map{width:100%;height:100%}#control-panel{z-index:1000;background:#fff;border-radius:6px;width:300px;max-height:calc(100vh - 100px);padding:10px 15px;font-family:Arial,sans-serif;position:absolute;top:20px;left:20px;overflow-y:auto;box-shadow:0 2px 8px #0000004d}#right-panel{z-index:1000;background:#fff;border-radius:6px;width:230px;padding:10px 15px;font-family:Arial,sans-serif;position:absolute;top:20px;right:20px;box-shadow:0 2px 8px #0000004d}.logo-img{vertical-align:middle;height:54px;margin-top:1rem;margin-bottom:.5rem;margin-left:1rem}.btn-primary{background-color:#103248;transition:all .2s}.btn-primary:hover{background-color:#1a4a66;transform:translateY(-1px)}.btn-secondary{background-color:#6b7280;transition:all .2s}.btn-secondary:hover{background-color:#4b5563;transform:translateY(-1px)}.gradient-hero{background:linear-gradient(135deg,#103248 0%,#1a4a66 50%,#103248 100%)}.feature-card{transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.metric-card{background:#f8fafc;border:1px solid #e2e8f0}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.poll-option{cursor:pointer;transition:all .2s}.poll-option:hover{background-color:#f8fafc;border-color:#103248}.poll-option.selected{color:inherit;background-color:#0000;border-color:#103248}.form-input{transition:all .2s}.form-input:focus{border-color:#103248;box-shadow:0 0 0 3px #1032481a}.nav-item.active{color:#fff!important;background-color:#103248!important}.nav-item.active:hover{background-color:#1a4a66!important}.slider{-webkit-appearance:none;appearance:none;background:#e2e8f0;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#103248;border-radius:50%;width:20px;height:20px}.slider::-moz-range-thumb{cursor:pointer;background:#103248;border:none;border-radius:50%;width:20px;height:20px}.marker-label{color:#fff;cursor:pointer;background:red;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 4px #0000004d}.marker-label:active{cursor:grabbing}.alert{animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.help-page{display:block}.tree-item{transition:all .2s ease-in-out}.tree-item:hover{background-color:#f3f4f6}.content-section{display:none}.content-section.active{display:block}.tree-arrow{transition:transform .2s ease-in-out}.tree-arrow.expanded{transform:rotate(90deg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-custom{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.prose p{margin-bottom:1.5em}.prose ul{margin-bottom:1.5em;padding-left:1.5em;list-style-type:disc}.prose ol{margin-bottom:1.5em;padding-left:1.5em;list-style-type:decimal}.prose li{margin-bottom:.5em}.prose strong{color:#111827;font-weight:700}.prose a{color:#103248;font-weight:600;text-decoration:none}.prose a:hover{color:#1a4a66;text-decoration:underline}.animated-map-image{animation:15s ease-in-out infinite zoomAnimation}@keyframes zoomAnimation{0%{transform:scale(1)translate(0)}20%{transform:scale(1)translate(0)}50%{transform:scale(2.5)translate(-28%)translateY(-23%)}70%{transform:scale(2.5)translate(-28%)translateY(-23%)}to{transform:scale(1)translate(0)}}