*,*:before,*:after{box-sizing:border-box}html,body,#root,:root{--primary-color: #18323B;--secondary-color: #1382b3;--widget-color: #333333cc;--confirmed-error-color: #fa5050;--unconfirmed-error-color: #fffc33;--hover-color: #89b6c9;--kind-flood: #4dabf7;--kind-infrastructure: #f0a132;--measure-1: #2e6f95;--measure-2: #22a699;--measure-3: #e0a458;--measure-4: #a26bb5;--measure-on-light: #1b1b1b;--rail-w: 52px;--panel-w: 320px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--surface-1: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .1);--surface-3: rgba(255, 255, 255, .18);--border-subtle: rgba(255, 255, 255, .1);--text-muted: rgba(255, 255, 255, .65);--elev-2: 0 4px 16px rgba(0, 0, 0, .25);--ease-standard: cubic-bezier(.4, 0, .2, 1);background-color:var(--primary-color);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}:where(button){background-color:var(--secondary-color);border-radius:12px;border:0;color:#fff;cursor:pointer}:where(button:hover){background-color:var(--hover-color)}:where(button.disabled),:where(button.disabled:hover){background-color:gray;cursor:wait}:where(button img){display:block;margin:auto}div#main{display:flex}input{padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box;transition:border-color .3s ease}input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}input:hover{border-color:#80bdff}input::placeholder{color:#adb5bd;opacity:1}input:disabled{background-color:#e9ecef;cursor:not-allowed}textarea{padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;width:100%;box-sizing:border-box;transition:border-color .3s ease;resize:vertical;min-height:100px}textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}textarea:hover{border-color:#80bdff}textarea::placeholder{color:#adb5bd;opacity:1}textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.graph-page{background-color:#fff;height:100vh;width:100%}#admin-dashboard{display:flex;flex-direction:column;min-height:100vh;height:100vh;padding:0;margin:0;font-family:Segoe UI,sans-serif;background-color:#f9fafb;color:#374151;overflow:hidden}.admin-container{display:grid;grid-template-rows:auto auto 1fr;flex:1;max-width:1200px;margin:auto;width:100%;margin-top:1rem;padding:1rem;box-sizing:border-box;overflow:hidden}.admin-back-button{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;width:fit-content;align-items:center;gap:.4rem;padding:.45rem;background-color:var(--secondary-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.admin-back-button:hover{background-color:var(--primary-color)}.admin-back-button svg{width:1.05rem;height:1.05rem}.admin-header{position:relative;flex-shrink:0;text-align:center;margin-bottom:.75rem}.admin-header h1{margin:0;font-size:1.5rem;color:var(--primary-color)}.admin-card{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;overflow:hidden}.admin-main{flex:1;min-height:0;overflow:hidden;background:transparent;padding:1rem}.admin-nav{flex-shrink:0;display:flex;align-items:stretch;gap:.25rem;padding:0 1rem;background:#fff;border-bottom:1px solid #e5e7eb}.admin-nav-link{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;color:#6b7280;font-weight:500;font-size:.875rem;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.admin-nav-link svg{width:1rem;height:1rem;flex-shrink:0}.admin-nav-link svg path{fill:currentColor}.admin-nav-link:hover{color:var(--primary-color)}.admin-nav-link.active{color:var(--calc-accent, #1890c7);border-bottom-color:var(--calc-accent, #1890c7)}.admin-list{display:flex;flex-direction:column;height:100%;min-height:0}.admin-list-groups{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-height:0}.admin-list-groups>.admin-list{flex:1;min-height:12rem}.admin-list-title{flex-shrink:0;margin:0 0 .75rem;font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--frame-fg, #111827)}.admin-toolbar{flex-shrink:0;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.admin-search{position:relative;display:flex;align-items:center;width:100%;max-width:300px;height:36px;color:var(--frame-fg-muted);border:1px solid #c2c2c3;border-radius:10px}.admin-search svg{position:absolute;left:.7rem;width:1rem;height:1rem;flex-shrink:0;pointer-events:none}.admin-search input{width:100%;height:100%;margin:0;padding:5px .7rem 5px 2.1rem;background:#fff;border:1px solid var(--border);border-radius:8px;outline:none;font-size:.875rem;color:#374151;transition:border-color .15s ease,box-shadow .15s ease}.admin-search input:focus{border-color:var(--secondary-color)}.admin-create-button{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;width:28px;height:28px;padding:0;background-color:#10b981;color:#fff;border:none;cursor:pointer;transition:background-color .15s ease}.admin-create-button:hover{background-color:#059669}.admin-create-button :where(svg,.anticon){display:inline-flex;width:75%;height:75%;font-size:16px;line-height:1;color:#fff}.admin-create-button :where(svg,.anticon) svg{width:100%;height:100%}.admin-users,.admin-section{flex:1;min-height:0;overflow:auto;position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem}.admin-table{width:100%;border-collapse:collapse;background:#fff;font-size:.875rem}.admin-table thead th{position:sticky;top:0;z-index:3;background-color:#f9fafb;padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.admin-table td{padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle;text-align:left;font-size:.875rem;color:#374151}.admin-table tbody tr:last-child td{border-bottom:none}.admin-header-cell{display:flex;align-items:center;gap:.5rem}.admin-table-header-btn,.admin-sort-button{display:flex;width:100%;font:inherit;font-weight:600;text-align:left;color:#374151;background:transparent;border:none;cursor:pointer;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:.375rem;user-select:none}.admin-table-header-btn:hover,.admin-sort-button:hover{background:transparent;color:#1f2937;text-shadow:0 0 .4px currentColor,0 0 .4px currentColor}.admin-table-header-btn.active,.admin-sort-button.active{color:#059669}.descending{transform:rotate(180deg);transition:transform .2s ease}.icon{width:.85rem;height:.85rem;color:#6b7280;transition:color .2s ease,transform .2s ease}.admin-sort-arrow{display:inline-block;width:.85rem;height:.85rem;flex-shrink:0;color:#10b981}.admin-sort-arrow path{fill:currentColor}.admin-sort-arrow.descending{transform:rotate(180deg)}.admin-icon-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:transform .2s ease,background-color .15s ease}.admin-icon-button:hover{transform:scale(1.1);background-color:#f3f4f6}.admin-row{cursor:pointer;transition:background-color .15s ease}.admin-row:hover{background-color:#f9fafb}.admin-row-arrow-cell{width:1%}.admin-row-arrow{width:.7rem;height:.7rem;color:#9ca3af;transition:color .15s ease}.admin-row-arrow path{fill:currentColor}.admin-row:hover .admin-row-arrow{color:#10b981}.text-danger{color:#dc2626}div#users{margin:auto;width:95%;table{border-collapse:collapse;display:block;max-height:90dvh;overflow:auto;width:100%;tr td{padding:0;white-space:nowrap;width:1%;button{background-color:transparent;font-size:larger;padding:0;svg{height:15px;&.descending{transform:rotateX(180deg)}}&:hover,&.selected{color:var(--hover-color);svg *{fill:var(--hover-color)}}}}thead tr td{position:sticky;top:0;background-color:var(--primary-color);button{font-size:larger;background-color:transparent;padding:0;&:hover,&.selected{color:var(--hover-color);svg *{fill:var(--hover-color)}}&.selected{text-decoration:underline;padding-right:2.5%}}}tbody tr:hover{background-color:color-mix(in srgb,var(--secondary-color),transparent 40%)}tr.user{color:#fff;border-top:1px solid black;>td{padding:1% 0}}tr.user:first-child{border-top:0}}}.confirm:hover .icon path{fill:#0f0}.admin-modal .ant-modal-content{padding:0;overflow:hidden;border:1px solid #cccdce}.admin-modal .ant-modal-header{background:#e7f5ff;border-bottom:1px solid #bee3f8;padding:10px 24px;margin:0}.admin-modal .ant-modal-title{font-size:22px;font-weight:600;color:#1e1e1e;letter-spacing:-.01em}.admin-modal .ant-modal-close{top:16px;color:#495057}.admin-modal .ant-modal-body{padding:16px 24px;display:flex;flex-direction:column;gap:10px}.admin-form-section{display:flex;flex-direction:column;gap:4px}.admin-modal-subtitle{font-weight:500}.admin-modal .ant-form-item{margin-bottom:12px}.admin-modal .ant-form-item:last-child{margin-bottom:0}.admin-modal .ant-form-item-label>label{font-weight:600!important}.admin-permission-tags{display:flex;flex-wrap:wrap;gap:6px}.admin-section-label{font-size:14px!important;padding-top:10px;font-weight:600!important;color:#1e1e1e!important}.admin-meta-row{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:14px;color:#374151}.admin-meta-row strong{font-weight:600}.admin-detail-grid{display:grid;grid-template-columns:max-content 1fr;column-gap:16px;row-gap:8px;font-size:14px}.admin-detail-label{font-weight:600;color:#6b7280;white-space:nowrap}.admin-detail-value{color:#1e1e1e}.admin-detail-row{display:flex;flex-wrap:wrap;gap:4px 20px}.admin-detail-row .ant-typography{margin:0!important}.admin-modal-footer{display:flex;gap:12px;padding:16px 0;border-top:1px solid #dee2e6;background:#fff}.admin-submit-btn{flex:1!important;background:#007bff!important;border-color:#007bff!important;font-weight:500!important}.admin-submit-btn:hover{background:#0069d9!important;border-color:#0063cc!important}.admin-submit-btn.admin-danger-btn{background:#e03131!important;border-color:#e03131!important}.admin-submit-btn.admin-danger-btn:hover{background:#c92a2a!important;border-color:#c92a2a!important}.admin-delete-btn{display:inline-flex!important;align-items:center;gap:8px;color:#e03131!important;border-color:#e03131!important}.admin-delete-btn:hover{background:#fff5f5!important;border-color:#c92a2a!important;color:#c92a2a!important}.admin-delete-btn .icon{width:24px;height:24px;color:inherit}.admin-delete-btn .icon path{fill:currentColor}.admin-modal-footer.admin-detail-actions{display:flex;justify-content:space-between;padding:8px 20px;border-top:none;background:transparent}.admin-corner-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#1e1e1e}.admin-corner-btn:hover{background-color:#f3f4f6}.admin-corner-btn.edit:hover{color:#2563eb}.admin-corner-btn.delete:hover{color:#dc2626}.admin-corner-btn .icon{width:1.9rem;height:1.9rem;color:inherit}.admin-corner-btn .icon path{fill:currentColor}@media (max-width: 768px){.admin-modal-footer{flex-direction:column-reverse}.admin-submit-btn,.admin-delete-btn{width:100%!important}}div#mapContainer{background-color:#bbb;flex-grow:1;height:95dvh;overflow:hidden;position:relative;.ol-layers-control *{display:none}.zoomControl{border-radius:5px;bottom:55px;position:absolute;right:min(.6dvh,.6dvw);>*{background-color:var(--primary-color);border-radius:5px 5px 0 0;border:1px solid var(--secondary-color);color:#fff}>*:last-child{border-radius:0 0 5px 5px}}.ol-attribution{background-color:color-mix(in srgb,var(--primary-color),transparent 10%);*{color:#fff;text-shadow:none}}div#floodRegionOverlay{background-color:var(--primary-color);color:#fff;border-radius:10px;padding:1.5vmin;min-width:max-content;h4{margin:0}}}.floating-modal{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#fff;border-radius:16px;padding:.5rem .75rem;box-shadow:0 8px 24px #0003;z-index:9999;min-width:340px;max-width:90%;font-family:Inter,Segoe UI,sans-serif;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.floating-modal h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#222}.floating-modal p{font-size:1rem;color:#444;margin-bottom:1.5rem}.floating-modal p.field-error{color:#c0392b;font-size:.875rem;margin-top:-.5rem;margin-bottom:1rem}.floating-modal label{display:block;margin-bottom:1rem}.floating-modal label span{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.floating-modal input[type=text]{width:100%;padding:.6rem .75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none}.checkbox-row{display:flex!important;align-items:center;gap:.5rem;margin-bottom:1.25rem}.button-row{display:flex;justify-content:flex-end;gap:1rem}.btn{padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;background:#f3f3f3;color:#333;transition:background .2s ease,transform .1s ease}.btn:hover{background:#e5e5e5}.btn.primary{background:#007bff;color:#fff}.btn.primary:hover{background:#0069d9}.ol-swipe{z-index:20}.ol-swipe .ol-bar{background:#fffc;border:1px solid rgba(0,0,0,.15)}.ol-swipe .ol-button button{background:var(--primary-color);border:2px solid white;color:#fff;box-shadow:0 2px 10px #00000038}.report-form{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.form-group{display:flex;flex-direction:column}.form-label{margin-bottom:.25rem;font-weight:500;font-size:.9rem;color:#fff}.form-input{padding:.5rem;font-size:1rem;border-radius:4px;border:1px solid #ccc;width:fit-content}.form-input-disabled{background-color:#f3f3f3;color:#555;cursor:not-allowed}.form-textarea{padding:.5rem;font-size:1rem;border-radius:4px;border:1px solid #ccc;resize:vertical}.form-submit-container{display:flex;justify-content:flex-end}.submit-button{padding:.5rem 1rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.submit-button.disabled{background-color:#ccc;cursor:not-allowed}#drawToolbar{align-items:center;background-color:var(--widget-color);backdrop-filter:blur(3px);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);left:50%;padding:var(--space-1);position:absolute;top:12px;transform:translate(-50%);z-index:5;button.toolbarButton{align-items:center;background:transparent;border-radius:var(--radius-md);border:none;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:36px;svg{fill:currentColor;height:18px;width:18px;path{fill:currentColor}}&:hover{background-color:var(--surface-2)}&.active{background-color:var(--secondary-color)}}button.drawToolbarDone{background-color:var(--secondary-color);&:hover{background-color:var(--hover-color)}}}div#drawInstructions{animation:fadeIn .3s ease-in-out;backdrop-filter:blur(3px);background-color:var(--widget-color);border-radius:12px;color:#fff;display:flex;flex-direction:column;font-size:clamp(12px,1vw,15px);gap:.7vh;left:50%;overflow-y:auto;padding:.8vmin;position:absolute;top:64px;transform:translate(-50%);width:clamp(240px,25vw,380px);z-index:5;span#instructionsTitle{font-weight:700;text-align:center}div.instruction{background-color:#ffffff0d;border-radius:8px;display:flex;flex-direction:row;gap:.6vw;padding:.5vmax;.instructionIcon{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;width:17.5%;svg{max-width:40%}strong{font-size:smaller;text-align:center}}span.instructionDescription{line-height:1.8vh}}}.basemapGrid{display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.basemapCard{background:transparent;border:0;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);padding:1px;text-align:left;transition:border-color .15s ease,background-color .15s ease;.thumbnail{aspect-ratio:3 / 2;border-radius:var(--radius-md);object-fit:cover;width:100%}span{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&:hover{background-color:transparent;scale:1.03;transition:scale .15s ease}&.active .thumbnail{outline:2px solid var(--secondary-color);outline-offset:-2px}}.toggleRow{align-items:center;background:transparent;border-radius:var(--radius-sm);border:none;color:#fff;cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-1);text-align:left;width:100%;svg{fill:currentColor;flex-shrink:0;height:18px;width:18px;path{fill:currentColor}}span:not(.switch){flex:1;font-size:.85rem}.switch{background-color:var(--surface-3);border-radius:999px;flex-shrink:0;height:16px;position:relative;transition:background-color .15s ease;width:28px;&:before{background-color:#fff;border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:transform .15s var(--ease-standard);width:12px}}&:hover{background-color:var(--surface-1)}&.on .switch{background-color:var(--secondary-color)}&.on .switch:before{transform:translate(12px)}}.panelSelect{width:100%;min-height:2.5rem;border-radius:9999px;border:1px solid #999;background-color:transparent;font-size:1rem;cursor:pointer;transition:border-color .2s,background-color .2s}.panelSelect:hover{border-color:var(--secondary-color)}.panelSelect .react-select__control{background-color:transparent;border:none;box-shadow:none!important;padding:0 .5rem;min-height:2.5rem;display:flex;align-items:center;cursor:pointer}.panelSelect .react-select__input-container,.panelSelect .react-select__input{display:flex;align-items:center;height:100%}.panelSelect .react-select__input{padding:0;margin:0;min-width:0!important;color:#fff;outline:none;box-shadow:none!important}.panelSelect .react-select__single-value,.panelSelect .react-select__placeholder,.panelSelect .react-select__indicator{color:#fff}.panelSelect .react-select__clear-indicator{color:#fff;cursor:pointer}.panelSelect .react-select__clear-indicator:hover{color:red}.panelSelect .react-select__menu{border-radius:12px;background-color:#fff;color:#000}.panelSelect .react-select__option{cursor:pointer}.panelSelect .react-select__option--is-focused{background-color:var(--hover-color);color:#fff}.panelSelect.value-selected .react-select__control{background-color:var(--secondary-color);border-radius:9999px}div.popupBackground{backdrop-filter:blur(6px);background-color:#0000008c;position:fixed;inset:0;z-index:100}div.popupWrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;display:flex;justify-content:center;align-items:center}div.popup{animation:slideFadeIn .3s ease-in-out;background-color:#fff;border-radius:20px;box-shadow:0 12px 35px #00000040;color:#111;display:flex;flex-direction:column;max-height:85vh;width:clamp(320px,60vw,900px);overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.popupHeader{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #eee;position:relative}.popupHeader h2{margin:0;font-weight:600;font-size:1.25rem;color:#222;pointer-events:none;flex-grow:1;text-align:center}button.popupClose{background:transparent;border:none;cursor:pointer;padding:.25rem;color:#444;transition:color .2s ease;position:relative}button.popupClose svg{width:clamp(18px,1.5vw,24px);height:auto;fill:currentColor}button.popupClose:hover{color:#000}.popupBody{padding:1.5rem 2rem;overflow-y:auto;flex-grow:1;color:#333;font-size:1rem;line-height:1.5}div#sidebarContainer{background-color:var(--primary-color);display:flex;flex-direction:row;height:100%;position:relative;z-index:2;h1,h2,h3,h4,h5,h6,button,span,p,a{color:#fff}nav#sidebarRail{align-items:center;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2);padding:var(--space-2) 0;width:var(--rail-w);.railGroup{display:flex;flex-direction:column;gap:var(--space-1);width:100%;align-items:center}.railDivider{background-color:#fff3;height:2px;margin:var(--space-2) 0;width:60%}}button.railButton{align-items:center;background:transparent;border-radius:var(--radius-md);border:none;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background-color .15s var(--ease-standard),color .15s var(--ease-standard);width:40px;svg{fill:currentColor;height:20px;width:20px;path{fill:currentColor}}.railTextIcon{color:currentColor;font-size:13px;font-weight:800;letter-spacing:.2px;opacity:.82}&:hover{background-color:var(--surface-2);color:#fff}&:hover .railTextIcon,&.active .railTextIcon{opacity:1}&.active{background-color:var(--surface-3);color:#fff}&:focus-visible{outline:2px solid var(--hover-color);outline-offset:2px}}aside#sidebarPanel{height:100%;overflow:hidden;transition:width .25s var(--ease-standard);width:0;.panelInner{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--secondary-color) transparent;scrollbar-width:thin;width:var(--panel-w);&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:10px}}}&.panelOpen aside#sidebarPanel{width:var(--panel-w)}.panelHeader{align-items:center;background-color:var(--primary-color);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-2);position:sticky;top:0;z-index:1;h2{font-size:16px;font-weight:600;margin:0}.panelClose{align-items:center;background:transparent;border-radius:var(--radius-sm);border:none;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px;svg{fill:currentColor;height:14px;width:14px}&:hover{background-color:var(--surface-2)}}}.panelBody{padding:0 var(--space-3) var(--space-4);text-align:center;button{border-radius:1000px}.tabTitle{align-items:center;background:none;border:none;border-radius:0;color:#fff;display:flex;justify-content:flex-start;margin:1vh auto;overflow:hidden;padding:6px 4px;text-align:left;width:100%;svg{fill:#fff;flex-shrink:0;height:24px;margin-right:8px;width:24px}}div.tab{padding:3% 1%;width:100%;>*,>form *{font-size:clamp(12px,.8vw,15px);margin:1% 0;padding:1%}button{margin:auto 1%;padding:3%}input{color:#000;padding:2%}}button.listGroupLabel{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-subtle);border-radius:6px 6px 0 0;cursor:pointer;display:flex;font-size:clamp(12px,.75vw,13px);font-weight:600;gap:8px;letter-spacing:.05em;margin:.8rem 0 .4rem;padding:4px 6px;text-transform:uppercase;transition:background-color .2s;text-align:left;width:100%;svg{fill:#fff;flex-shrink:0;height:9px;transform:rotate(90deg);transition:transform .25s ease;width:9px}&.collapsed svg{transform:rotate(0)}.listGroupCount{font-size:.75rem;margin-left:auto}&:hover{background-color:#ffffff12}&:hover span,&:hover svg{color:var(--hover-color);fill:var(--hover-color)}}.listEmpty{font-size:.85rem;opacity:.6}.compactItemList{display:flex;flex-direction:column;width:100%;flex-shrink:0;overflow-y:auto;padding-right:.25rem;scrollbar-color:var(--secondary-color) var(--surface-1);scrollbar-width:thin;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:10px}>*{flex-shrink:0}}.compactItem{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;text-wrap:nowrap;background-color:var(--surface-1);border-radius:9px;padding:6px 10px;font-size:.9rem;line-height:1.3;transition:all .2s ease;&:hover{background-color:#ffffff1f;cursor:pointer}div{display:flex;gap:var(--space-2)}button{background:transparent;border:none;display:flex;align-items:center;padding:0;margin:0;cursor:pointer;svg{height:14px;width:auto;transition:fill .15s ease}&:hover svg path{fill:var(--hover-color)}}}.whatif-info{display:flex;flex-direction:column;flex:1 1 auto;gap:2px;min-width:0;text-align:left}.whatif-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.whatif-status{font-size:.78rem;opacity:.7;font-weight:400}.whatif-progress{display:flex;flex-direction:column;gap:0}.whatif-progress .ant-progress{line-height:1;margin:0}.whatif-item{padding-left:18px;position:relative}.whatif-item-clone{margin-left:var(--space-4, 16px)}.whatif-item:before{background-color:var(--chip-color);border-radius:9px 0 0 9px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.whatif-item-flood{--chip-color: var(--kind-flood)}.whatif-item-infrastructure{--chip-color: var(--kind-infrastructure)}.whatifToolbar{align-items:center;display:flex;gap:.5rem;padding:0 2px 4px;.panelSort{flex:0 0 auto;margin-bottom:0;width:auto}}.whatifLegend{background:var(--surface-1);border-radius:8px;display:flex;flex:1;gap:2px;min-width:0;padding:2px;.whatifLegendButton{align-items:center;background:transparent;border:none;border-radius:6px;color:#ffffffa6;cursor:pointer;display:flex;flex:1 1 auto;font-size:.72rem;gap:4px;justify-content:center;margin:0;padding:.25rem .4rem;transition:background-color .2s,color .2s;white-space:nowrap;&:hover{color:#fff;box-shadow:inset 0 -2px 0 var(--chip-color);transition:background-color .2s,color .2s,box-shadow .2s}&.active{background-color:#ffffff2e;box-shadow:inset 0 -2px 0 var(--chip-color);color:#fff}}.whatifLegendButton-flood{--chip-color: var(--kind-flood)}.whatifLegendButton-infrastructure{--chip-color: var(--kind-infrastructure)}.whatifLegendCount{opacity:.9}}.whatifSort{align-items:center;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:8px;color:#fffc;cursor:pointer;display:flex;flex:0 0 auto;height:28px;justify-content:center;margin:0;padding:0;transition:background-color .2s,color .2s;width:28px;&:hover,&:focus-visible{background-color:#ffffff2e;color:#fff;outline:none}}.event-actions{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.compactItem:hover .event-actions{opacity:1;pointer-events:auto}.compactItem{position:relative;&:focus-visible{outline:2px solid var(--hover-color);outline-offset:1px}}.itemInfo{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0;text-align:left}.itemName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itemMeta{font-size:.72rem;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.renameInput{background:#fff;border:1px solid var(--secondary-color);border-radius:var(--radius-sm);color:#000;font-size:.85rem;padding:2px 6px;width:100%}.itemMenu{flex-shrink:0;margin-left:var(--space-2)}.compactItem button.itemMenuButton{border-radius:var(--radius-sm);font-size:1.1rem;height:24px;justify-content:center;line-height:1;opacity:.7;width:24px;&:hover,&:focus-visible{background-color:var(--surface-3);opacity:1}}.statusChip{align-self:flex-start;border-radius:999px;font-size:.7rem;font-weight:500;padding:1px 8px}.statusChip-failed{background-color:color-mix(in srgb,var(--confirmed-error-color),transparent 75%);color:var(--confirmed-error-color)}.statusChip-processing{background-color:var(--surface-2)}.compareCheck{align-items:center;border:1.5px solid var(--text-muted);border-radius:50%;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:600;height:18px;justify-content:center;margin-right:var(--space-2);width:18px;&.on{background-color:var(--secondary-color);border-color:var(--secondary-color)}}.panelFilter{padding:6px 10px}.panelFilter,.panelSort{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#fff;font-size:.8rem;margin-bottom:var(--space-2);width:100%;&:focus-visible{outline:2px solid var(--hover-color)}}.panelSort{padding:5px 10px!important}.panelSort option{color:#000}.emptyState{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);opacity:.85;padding:var(--space-4) var(--space-2);svg{fill:var(--text-muted);height:28px;width:28px}}.emptyStateCta{background:transparent;border:1px solid var(--surface-3);padding:6px 14px;&:hover{background-color:var(--surface-2);border-color:var(--hover-color)}}.skeletonList{display:flex;flex-direction:column;gap:4px}.skeletonRow{animation:sidebarShimmer 1.2s ease-in-out infinite;background:var(--surface-1);border-radius:9px;height:34px}.compactItem.active svg.compactItem-eye{height:12px;margin-right:6px;flex-shrink:0;fill:currentColor}svg.compactItem-shared{height:12px;margin-right:6px;flex-shrink:0;vertical-align:middle;path{fill:var(--hover-color)}}.visibility-toggle.shared svg path{fill:var(--hover-color)}.compactItem.active{background-color:#ffffff38;box-shadow:inset 0 0 0 1px var(--secondary-color)}.compareToggleLabel{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compareModeHint{width:100%;text-align:left;font-size:.75rem;opacity:.9;margin-bottom:.35rem;color:#fff}.newAOI,.newScenario,.newEvent,.compareToggleButton{align-items:center;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;font-size:.82rem;font-weight:600;display:flex;gap:8px;justify-content:center;margin:0 auto var(--space-2);padding:.45rem .7rem;transition:background-color .15s ease,border-color .15s ease;width:100%;cursor:pointer;svg{height:13px;width:13px;flex-shrink:0;fill:#fff}&:hover{background-color:var(--surface-2);border-color:var(--hover-color)}&.active{background:color-mix(in srgb,var(--secondary-color),transparent 30%);border-color:var(--secondary-color)}}}.panelSection{margin-bottom:var(--space-4);text-align:left;h3{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin:0 0 var(--space-2);text-transform:uppercase}}}@keyframes sidebarShimmer{50%{opacity:.4}}.sidebarLoading{display:flex;justify-content:center;padding:12px 0}.chart-select{width:100%;height:2rem;border-radius:9999px;border:1px solid #999;background-color:transparent;font-size:1rem;cursor:pointer;transition:border-color .2s,background-color .2s}.chart-select:hover .react-select__control{border-color:var(--secondary-color)}.chart-select .react-select__control{background-color:transparent;border:none;box-shadow:none!important;padding:0 .25rem;font-size:.75rem;min-height:2rem;display:flex;align-items:center;cursor:pointer}.chart-select .react-select__single-value,.chart-select .react-select__placeholder{text-align:left;justify-content:flex-start;line-height:1.2rem}.chart-select .react-select__input{padding:0;margin:0;min-width:0!important;color:#000;outline:none;box-shadow:none!important}.chart-select .react-select__single-value,.chart-select .react-select__placeholder{color:#000}.chart-select .react-select__indicator{color:#4e4e4e;padding:0 .25rem}.chart-select .react-select__clear-indicator{color:#555;cursor:pointer}.chart-select .react-select__clear-indicator:hover{color:red}.chart-select .react-select__menu{border-radius:.5rem;background-color:#fff;color:#000}.chart-select .react-select__option{cursor:pointer}.chart-select .react-select__option--is-focused{background-color:var(--secondary-color);color:#fff}.chart-select.value-selected .react-select__control{background-color:var(--secondary-color)}#searchBar{background-color:#fff;border-radius:var(--radius-md);border:1px solid #c7c6c6;transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard);position:relative;width:100%}#searchBar .searchIcon{height:13px;left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:13px}#searchBar .searchIcon path{fill:#666}#searchBar input[type=search]{width:100%;padding:6px 10px 6px 31px;border:none;border-radius:var(--radius-md);font-size:13px;background:transparent}#searchBar input[type=search]:focus{outline:none}#searchBar:focus-within{border-color:var(--secondary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--secondary-color),transparent 70%)}#searchResults,#noSearchResults{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:250px;overflow-y:auto;color:#000;z-index:1000;box-shadow:var(--elev-2)}.searchResultItem{padding:10px 12px;cursor:pointer;font-size:14px;color:#000}.searchResultItem:hover{background-color:#f0f0f0}#noSearchResults div{padding:10px 12px;color:#666!important;font-size:14px;text-align:center}.searchResultItem span{color:#000!important}@media (max-width: 640px){div#sidebarContainer aside#sidebarPanel{height:100%;left:var(--rail-w);top:0;z-index:4}}div#userEdit{.popupBody{align-items:center;display:flex;flex-direction:row}form{display:flex;flex-direction:column;padding:0 2.5%;width:50%;>*{margin:1% auto}table{width:100%;tr{th{font-size:1.1em;padding-right:1em;text-align:end;white-space:nowrap;width:35%}td{padding:.5em 0}input{width:100%;padding:.5em}}}button{border-radius:1000px;font-size:1.1em;max-width:fit-content;padding:2.5% 3.5%;&:hover{background-color:var(--secondary-color)}}}form:last-child{border-left:1px solid var(--secondary-color)}@media (max-width: 1200px){.popupBody{flex-direction:column}form{padding-bottom:2.5%;width:100%}form:last-child{border:none;border-top:1px solid var(--secondary-color);padding-bottom:0;padding-top:2.5%}}}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;inset:5px 0;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;inset:3px 0;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;inset:-2px 0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.graph-container{display:flex;flex-direction:column;height:100%;padding:15px;gap:16px;background-color:#fff}.top-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.location-dot{width:14px;height:14px}.location-dot path{fill:#000;transition:fill .2s ease}.option-with-icon:hover .location-dot path{fill:#fff}.top-item{display:flex;align-items:center;gap:.5rem;min-width:200px;max-width:300px;flex:1}.top-item.center{justify-content:center;position:relative}.calendar-button-wrapper{position:relative}.calendar-bubble{position:absolute;top:100%;left:0;margin-top:4px;border:1px solid #d9d9d9;border-radius:4px;padding:4px;background-color:#fff;z-index:999;box-shadow:0 2px 8px #00000026}.selects-wrapper{display:flex;flex-wrap:wrap;gap:12px;min-width:0}.rdrDay:hover{background-color:transparent}.select-row{display:flex;align-items:center;gap:8px;flex:0 0 auto;width:auto;min-width:250px;max-width:500px}.graph-slot{flex:1;border:1px solid #d9d9d9;border-radius:4px;padding:16px;background-color:#f5f5f5;overflow:auto;position:relative}.placeholder{color:#999;text-align:center}.graph-slot-btn{position:absolute!important;top:0rem;right:0rem;z-index:10}div#chartPanel{display:flex;flex-direction:column;width:100vw;height:100vh;padding:.5em;box-sizing:border-box;background-color:#fff;min-width:0;overflow:hidden;div.header{display:flex;justify-content:space-between;align-items:center;color:#fff;flex:0 0 auto;margin-bottom:.25em;min-width:0;div#scaleOptions{display:flex;gap:.5em;flex-wrap:wrap;align-items:center;min-width:0}svg#closeButton{width:clamp(16px,2vw,20px);cursor:pointer;flex-shrink:0;&:hover path{fill:var(--hover-color)}}}div#legend1,div#legend2{flex:0 0 auto;margin-bottom:.25em;min-width:0;ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.3em .5em;margin:0;padding:0;list-style:none;min-width:0;li{display:flex;align-items:center;cursor:pointer;gap:.3em;min-width:0;span{width:12px;height:12px;border:1px solid currentColor;flex-shrink:0}img{width:15px;height:15px;flex-shrink:0}p{color:#fff;font-size:.8rem;margin:0;white-space:nowrap}}}}div#chart{flex:1 1 auto;width:100%;margin-bottom:.25em;min-height:0;overflow:hidden}div.form{display:flex;flex-wrap:nowrap;align-items:center;gap:.75em;color:#fff;flex:0 0 auto;background-color:#ffffff0d;padding:.5em 1em;border-radius:1em;label{font-size:.85rem;white-space:nowrap}}}:root{--calc-accent: #1890c7;--calc-accent-strong: #0f6a93;--calc-accent-soft: #e7f5fb;--calc-accent-softer: #f4fbfe;--calc-ink: #1e1e1e;--calc-ink-muted: #5c6670;--calc-ink-subtle: #868e96;--calc-border: #e3e6e9;--calc-border-strong: #cfd4d9;--calc-surface: #ffffff;--calc-surface-alt: #f8fafb;--calc-warning: #ffd43b;--calc-alert: #fab005;--calc-critical: #e03131;--calc-space-1: 4px;--calc-space-2: 8px;--calc-space-3: 12px;--calc-space-4: 16px;--calc-space-5: 20px;--calc-space-6: 24px;--calc-radius: 8px;--calc-radius-sm: 6px}.calculator-modal .ant-modal-content{padding:0;overflow:hidden;border-radius:var(--calc-radius);border:1px solid var(--calc-border-strong)}.calculator-modal .ant-modal-header{background:var(--calc-accent-soft);border-bottom:1px solid var(--calc-border);padding:var(--calc-space-3) var(--calc-space-6);margin:0}.calculator-modal .ant-modal-close{top:14px;color:var(--calc-ink-muted)}.calculator-modal .ant-modal-body{padding:0}.modal-title{display:flex;flex-direction:column;gap:2px;padding-right:32px}.modal-title>span:first-child{font-size:20px;font-weight:600;color:var(--calc-ink);letter-spacing:-.01em;line-height:1.3}.modal-subtitle{font-size:13px;font-weight:400}.scenario-panel{display:flex;flex-direction:column;max-height:min(78vh,760px)}.scenario-intro{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--calc-space-2) var(--calc-space-4);padding:var(--calc-space-5) var(--calc-space-6) var(--calc-space-4);border-bottom:1px solid var(--calc-border)}.scenario-intro .scenario-name-item{flex:1 1 240px;margin-bottom:0}.scenario-intro .scenario-share-item{flex:0 0 auto;margin-bottom:0}.scenario-intro .scenario-share-item .ant-checkbox-wrapper{align-items:center;height:32px;white-space:nowrap}.scenario-intro .ant-form-item-label{padding-bottom:var(--calc-space-1)}.scenario-intro .ant-form-item-label>label{font-size:13px;font-weight:600;color:var(--calc-ink-muted);text-transform:uppercase;letter-spacing:.03em}.scenario-tabs{flex:1;min-height:0;display:flex;flex-direction:column}.scenario-tabs .ant-tabs-nav{margin:0;padding:0 var(--calc-space-6);border-bottom:1px solid var(--calc-border)}.scenario-tabs .ant-tabs-tab{font-size:15px;color:var(--calc-ink-subtle)}.scenario-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--calc-accent);font-weight:600}.scenario-tabs .ant-tabs-ink-bar{background:var(--calc-accent);height:3px}.scenario-tabs .ant-tabs-content-holder{overflow-y:auto;overscroll-behavior:contain}.tab-panel{display:flex;flex-direction:column;gap:var(--calc-space-5);padding:var(--calc-space-5) var(--calc-space-6)}.form-section{display:flex;flex-direction:column;gap:var(--calc-space-3)}.section-head{display:flex;align-items:center;gap:var(--calc-space-2)}.section-step{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--calc-accent-soft);border:1px solid var(--calc-border-strong);color:var(--calc-accent);font-size:12px;font-weight:700;line-height:1}.section-step--done{background:var(--calc-accent);border-color:var(--calc-accent);color:#fff;font-size:13px}.section-title{font-size:15px;font-weight:600;color:var(--calc-ink)}.section-required{color:var(--calc-critical);margin-left:2px}.section-info{color:var(--calc-ink-subtle);cursor:help;font-size:14px}.section-extra{margin-left:auto;font-size:12px}.section-empty .ant-alert-message{font-weight:600}.field-row{display:flex;gap:var(--calc-space-2);align-items:center}.field-row-main{flex:1;min-width:0}.field-note{display:flex;align-items:center;gap:var(--calc-space-1)}.select-empty{display:block;padding:var(--calc-space-2);font-size:13px}.pick-on-map-btn{border:1px dashed var(--calc-accent)!important;color:var(--calc-accent)!important;background:var(--calc-accent-soft)!important;white-space:nowrap}.pick-on-map-btn:not(:disabled):hover{border-color:var(--calc-accent-strong)!important;color:var(--calc-accent-strong)!important;background:#d7eef8!important}.station-card{border:1px solid var(--calc-border);border-radius:var(--calc-radius);background:var(--calc-surface);padding:var(--calc-space-3);display:flex;flex-direction:column;gap:var(--calc-space-3)}.station-card-head{display:flex;align-items:center;gap:var(--calc-space-2);min-height:24px}.station-card-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--calc-ink-subtle)}.station-card-subtitle{flex:1;min-width:0;font-size:13px;color:var(--calc-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-remove-btn{margin-left:auto;flex:none;color:var(--calc-ink-subtle)!important}.station-remove-btn:hover{color:var(--calc-critical)!important;background:#fff5f5!important}.station-hint{font-size:13px}.station-selectors{display:flex;gap:var(--calc-space-2);align-items:center}.station-select{flex:2;min-width:0}.metric-select{flex:1;min-width:150px}.stats-loading{display:flex;align-items:center;gap:var(--calc-space-2);font-size:13px;white-space:nowrap}.add-station-btn{color:var(--calc-accent)!important;border-color:var(--calc-accent)!important}.add-station-btn:not(:disabled):hover{color:var(--calc-accent-strong)!important;border-color:var(--calc-accent-strong)!important;background:var(--calc-accent-softer)!important}.logical-operator-form{display:flex;align-items:center;gap:var(--calc-space-2);flex-wrap:wrap;padding:var(--calc-space-3);border-radius:var(--calc-radius-sm);border:1px solid var(--calc-border)}.logical-operator-label{font-size:13px;white-space:nowrap}.logical-operator-select{flex:1;min-width:240px}.slider-wrapper{padding:var(--calc-space-1) var(--calc-space-1) 0}.slider-legend{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--calc-space-2);font-size:12px;margin-bottom:var(--calc-space-2)}.slider-legend-keys{display:flex;align-items:center;gap:var(--calc-space-3);color:var(--calc-ink-muted)}.slider-legend-key{display:inline-flex;align-items:center;gap:var(--calc-space-1);white-space:nowrap}.slider-legend-swatch{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.slider-legend-swatch--v1{border-bottom:7px solid var(--calc-warning)}.slider-legend-swatch--v2{border-bottom:7px solid var(--calc-alert)}.slider-legend-swatch--v3{border-bottom:7px solid var(--calc-critical)}.slider-current-values{position:relative;height:18px;margin:var(--calc-space-1) 16px 2px}.slider-current-value{position:absolute;transform:translate(-50%);font-size:13px;font-weight:600;color:var(--calc-accent);white-space:nowrap}.slider-current-value--hidden{opacity:0;pointer-events:none}.slider-wrapper .ant-slider-rail,.slider-wrapper .ant-slider-track{height:6px}.slider-wrapper .ant-slider{margin:var(--calc-space-3) 6px 44px}.slider-mark-label{display:flex;flex-direction:column;align-items:center;gap:2px}.slider-mark-triangle{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent}.slider-mark-triangle--v1{border-bottom:9px solid var(--calc-warning)}.slider-mark-triangle--v2{border-bottom:9px solid var(--calc-alert)}.slider-mark-triangle--v3{border-bottom:9px solid var(--calc-critical)}.slider-mark-text{display:flex;flex-direction:column;align-items:center;line-height:1.3;white-space:nowrap}.slider-mark-name{font-size:10px;font-weight:600;color:var(--calc-ink-subtle)}.slider-mark-val{font-size:10px;color:var(--calc-ink-muted)}.slider-summary{display:flex;align-items:center;gap:var(--calc-space-2);padding:var(--calc-space-2) var(--calc-space-3);border-radius:var(--calc-radius-sm);background:var(--calc-accent-softer);border:1px solid var(--calc-accent-soft)}.slider-summary-icon{color:var(--calc-accent);font-size:14px}.slider-summary-text{font-size:13px;color:var(--calc-ink-muted)}.slider-incidents{position:relative;height:10px;margin:2px 6px 0}.slider-incident-marker{position:absolute;top:6px;transform:translate(-50%);cursor:pointer}.slider-incident-icon{color:var(--calc-ink);font-size:12px}.slider-incident-count{position:absolute;top:-7px;right:0;min-width:12px;height:12px;padding:0 2px;border-radius:6px;background:var(--calc-critical);color:#fff;font-size:9px;font-weight:600;line-height:12px;text-align:center}.incident-tooltip{max-width:220px}.incident-tooltip-divider{border-top:1px solid rgba(255,255,255,.25);margin:6px 0}.incident-tooltip-date{font-weight:600}.incident-tooltip-value{font-size:12px;opacity:.85;margin-bottom:2px}.advanced-collapse.ant-collapse-ghost>.ant-collapse-item{border-top:1px solid var(--calc-border-strong)}.advanced-collapse .ant-collapse-header{padding-left:0!important}.advanced-label{font-size:14px;font-weight:500;color:var(--calc-ink-muted)}.advanced-collapse .ant-collapse-content-box{display:flex;flex-direction:column;gap:var(--calc-space-4);padding-left:0!important}.advanced-field{display:flex;flex-direction:column;gap:var(--calc-space-2)}.advanced-field-label{font-size:13px;font-weight:600;color:var(--calc-ink-muted)}.raster-options-row{display:flex;align-items:center;gap:var(--calc-space-4);flex-wrap:wrap}.selected-infra{display:flex;flex-direction:column;gap:var(--calc-space-2);padding:var(--calc-space-3);border:1px solid var(--calc-border);border-radius:var(--calc-radius-sm);background:var(--calc-surface-alt)}.selected-infra-head{display:flex;align-items:center;justify-content:space-between;gap:var(--calc-space-2);font-size:13px}.selected-infra-tags{display:flex;flex-wrap:wrap;gap:6px}.scenario-footer{display:flex;flex-direction:column;gap:var(--calc-space-3);padding:var(--calc-space-4) var(--calc-space-6);border-top:1px solid var(--calc-border);background:var(--calc-surface)}.scenario-requirements{display:flex;align-items:baseline;gap:var(--calc-space-2);flex-wrap:wrap;font-size:13px}.scenario-requirements-title{font-weight:600}.scenario-requirements ul{display:flex;flex-wrap:wrap;gap:var(--calc-space-1) var(--calc-space-4);margin:0;padding:0 0 0 var(--calc-space-4);color:var(--calc-ink-muted)}.scenario-requirements li{list-style:disc}.scenario-actions{display:flex;justify-content:flex-end;gap:var(--calc-space-3)}.calculate-btn-wrap{display:inline-flex}.calculate-btn{min-width:180px;background:var(--calc-accent)!important;border-color:var(--calc-accent)!important;font-weight:500}.calculate-btn:disabled{background:var(--calc-border)!important;border-color:var(--calc-border-strong)!important;color:var(--calc-ink-subtle)!important}.calculate-btn:not(:disabled):hover{background:var(--calc-accent-strong)!important;border-color:var(--calc-accent-strong)!important}.cancel-btn{min-width:110px;color:var(--calc-ink-muted)!important;border-color:var(--calc-border-strong)!important}.cancel-btn:not(:disabled):hover{border-color:var(--calc-ink-subtle)!important;color:var(--calc-ink)!important}.scenario-body{padding:var(--calc-space-5) 26px;display:flex;flex-direction:column;gap:var(--calc-space-5)}.section-label{font-size:15px!important;font-weight:500!important;color:var(--calc-ink)!important;display:flex;align-items:center;gap:6px}.station-row{position:relative}.station-row+.station-row{margin-top:var(--calc-space-3)}.infra-search-row{display:flex;gap:10px;align-items:center}.infra-search-input{flex:1}.info-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--calc-border-strong);color:var(--calc-ink-subtle);font-size:10px;font-style:italic;font-weight:700;cursor:default;line-height:1}@media (max-width: 768px){.scenario-panel{max-height:none}.scenario-intro,.tab-panel,.scenario-footer{padding-left:var(--calc-space-4);padding-right:var(--calc-space-4)}.scenario-tabs .ant-tabs-nav{padding:0 var(--calc-space-4)}.field-row,.station-selectors{flex-direction:column;align-items:stretch}.station-select,.metric-select,.field-row-main{width:100%;flex:none;min-width:0}.slider-legend-keys{gap:var(--calc-space-2);flex-wrap:wrap}.scenario-actions{flex-direction:column-reverse}.scenario-actions .ant-btn,.calculate-btn-wrap,.calculate-btn,.cancel-btn{width:100%}}.si-panel{position:fixed;top:50%;right:40px;transform:translateY(-50%);width:320px;max-height:460px;display:flex;flex-direction:column;z-index:1050;border-radius:var(--calc-radius);border:1px solid var(--calc-border-strong);box-shadow:0 8px 24px #0f6a9324}.si-panel .ant-card-head{background:var(--calc-accent-soft);border-bottom:1px solid var(--calc-border);min-height:50px}.si-head{display:flex;align-items:center;gap:var(--calc-space-2)}.si-title{font-size:14px;font-weight:600;color:var(--calc-ink)}.si-count .ant-badge-count{background:var(--calc-accent);box-shadow:none}.si-switcher{display:flex;align-items:center;justify-content:space-between;gap:var(--calc-space-2);padding:0 var(--calc-space-3);border-radius:var(--calc-radius-sm)}.si-switcher .ant-btn{color:var(--calc-accent);border-color:var(--calc-accent);background:var(--calc-surface)}.si-switcher .ant-btn:not(:disabled):hover{color:var(--calc-accent-strong)!important;border-color:var(--calc-accent-strong)!important}.si-switcher-label{flex:1;text-align:center;font-size:14px;color:var(--calc-ink)}.si-items{flex:1;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:var(--calc-space-2);border:1px solid var(--calc-border);border-radius:var(--calc-radius-sm);background:var(--calc-surface-alt)}.si-items .ant-empty{margin:auto}.si-tag{display:flex;align-items:center;gap:var(--calc-space-2);width:100%;margin:0;border-radius:var(--calc-radius-sm);padding:6px 10px;background:var(--calc-accent-soft);border-color:var(--calc-accent);color:var(--calc-accent-strong);font-size:13px;white-space:normal}.si-tag:hover{background:var(--calc-accent-softer)}.si-tag .ant-tag-close-icon{margin-left:auto;font-size:13px}.si-tag .ant-tag-close-icon{color:var(--calc-accent)}.si-tag .ant-tag-close-icon:hover{color:var(--calc-critical)}.si-tag-dot{width:8px;height:8px;border-radius:50%;flex:none}.si-footer{display:flex;flex-direction:column;gap:var(--calc-space-2)}.si-hint{font-size:12px;text-align:center}.si-done{background:var(--calc-accent);border-color:var(--calc-accent);font-weight:500}.si-done:not(:disabled):hover{background:var(--calc-accent-strong)!important;border-color:var(--calc-accent-strong)!important}.scenario-summary-panel{position:fixed;top:66px;right:76px;width:390px;max-height:calc(100dvh - 82px);display:flex;flex-direction:column;background:#fff;border:1px solid #cccdce;border-radius:8px;z-index:1100;overflow:hidden;transform:translate(120%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.scenario-summary-panel-open{transform:translate(0);opacity:1;pointer-events:auto}.scenario-summary-header{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:14px 40px;background:#e7f5ff;border-bottom:1px solid #bee3f8}.scenario-summary-title{font-size:18px;font-weight:600;color:#1e1e1e}.scenario-summary-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;font-size:22px;line-height:1;color:#495057;cursor:pointer;padding:4px}.scenario-summary-close:hover{color:#1e1e1e}.scenario-summary-edit{position:absolute;top:50%;left:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:#fff;border:none;color:#495057;cursor:pointer;padding:6px}.scenario-summary-edit svg{width:16px;height:16px}.scenario-summary-edit:hover{color:#34393e}.scenario-summary-body{flex:1 1 auto;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.scenario-summary-section-label{font-size:16px;font-weight:600;color:#1e1e1e}.scenario-summary-details{display:flex;flex-direction:column;gap:10px;background:#f8f9fa;border:1px solid #adb5bd;border-radius:8px;padding:12px}.scenario-summary-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scenario-summary-field{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.scenario-summary-field-label{font-size:12px;font-weight:600;color:#868e96;text-transform:uppercase}.scenario-summary-field-value{font-size:15px;overflow-wrap:break-word}.scenario-summary-station-list{display:flex;flex-direction:column;gap:4px;margin-top:2px}.scenario-summary-station-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px}.scenario-summary-station-label{overflow-wrap:break-word}.scenario-summary-station-value{text-transform:capitalize;white-space:nowrap}.scenario-summary-flooded-area{font-size:14px}.scenario-summary-geometry-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;user-select:none}.scenario-summary-frequency,.scenario-summary-frequency-ramp{display:flex;flex-direction:column;gap:6px}.scenario-summary-frequency-bar{width:100%;height:16px;border-radius:999px;border:1px solid #adb5bd}.scenario-summary-frequency-labels{display:flex;justify-content:space-between;align-items:center;gap:6px}.scenario-summary-frequency-labels-single{justify-content:center}.scenario-summary-frequency-value{font-size:13px;color:#343a40}.scenario-summary-impact{display:flex;flex-direction:column;gap:6px}.scenario-summary-impact-label{color:#1971c2}.scenario-summary-impact-item{display:flex;flex-direction:column}.scenario-summary-impact-row{display:flex;align-items:center;gap:10px;background:#f1f3f5;border:1px solid #adb5bd;border-radius:8px;padding:10px 12px}.scenario-summary-impact-row-expandable{cursor:pointer}.scenario-summary-impact-row-expandable:hover{background:#e9ecef}.scenario-summary-impact-checkbox{flex:0 0 auto;width:16px;height:16px;margin:0;cursor:pointer}.scenario-summary-impact-item-label{font-size:14px;font-weight:500;color:#1e1e1e}.scenario-summary-impact-value{flex:1;text-align:right;font-size:14px;color:#495057}.scenario-summary-impact-chevron{flex:0 0 auto;font-size:12px;color:#868e96;transition:transform .15s ease}.scenario-summary-impact-chevron-open{transform:rotate(180deg)}.scenario-summary-impact-details{display:flex;flex-direction:column;background:#e9ecef;border:1px solid #adb5bd;border-radius:0 0 8px 8px;margin-top:-1px}.scenario-summary-impact-details-section{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.scenario-summary-impact-details-footer{border-top:1px solid #adb5bd;color:#000;font-weight:600;font-size:13px;font-weight:500;cursor:pointer}.scenario-summary-impact-details-footer:hover{background:#adb5bd;color:#fff}.scenario-summary-impact-detail-line{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:#1e1e1e}.scenario-summary-impact-detail-type{color:#1e1e1e}.scenario-summary-impact-detail-category{display:block;font-size:12px;color:#868e96}.scenario-summary-impact-detail-value{color:#495057;white-space:nowrap}.scenario-summary-occurrence-wrap{display:flex;flex-direction:column;gap:8px}.scenario-summary-occurrence-controls{display:flex;flex-direction:column;gap:4px}.scenario-summary-occurrence-sort-list{display:flex;flex-wrap:wrap;gap:6px}.scenario-summary-occurrence-sort-btn{border:1px solid #adb5bd;border-radius:999px;background:#fff;color:#343a40;font-size:12px;padding:3px 8px;cursor:pointer}.scenario-summary-occurrence-sort-btn.active{border-color:#1971c2;color:#1971c2}.scenario-summary-occurrence-sort-btn:hover{border-color:#1971c2}.scenario-summary-occurrence-table-scroll{overflow:auto;border:1px solid #ced4da;border-radius:6px;max-height:280px;background:#fff}.scenario-summary-occurrence-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:10px}.scenario-summary-occurrence-table th,.scenario-summary-occurrence-table td{border-bottom:1px solid #e9ecef;text-align:left;padding:3px 4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.scenario-summary-occurrence-table th{position:sticky;top:0;z-index:1;background:#f8f9fa;color:#495057}.scenario-summary-occurrence-table tbody tr:nth-child(2n){background:#f8f9fa}.scenario-summary-occurrence-row-clickable{cursor:pointer}.scenario-summary-occurrence-row-clickable:hover{background:#e7f5ff!important}.scenario-summary-occurrence-chart-wrap{border:1px solid #ced4da;border-radius:6px;background:#fff;padding:6px;display:flex;flex-direction:column;gap:4px}.scenario-summary-occurrence-chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;color:#343a40;font-weight:600}.scenario-summary-occurrence-chart-range{color:#868e96;font-weight:500}.scenario-summary-occurrence-chart{width:100%;height:72px;border-radius:4px;background:#f8f9fa}.scenario-summary-occurrence-chart-legend{display:flex;gap:10px;font-size:11px;color:#495057}.scenario-summary-occurrence-chart-legend span{display:inline-flex;align-items:center;gap:4px}.scenario-summary-occurrence-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.scenario-summary-occurrence-dot-height{background:#1971c2}.scenario-summary-occurrence-dot-quantity{background:#f08c00}.scenario-summary-impact-details-toggle{align-self:flex-start;margin-top:4px;padding:0;border:none;background:transparent!important;color:#1971c2;font-size:13px;font-weight:600;text-align:center;cursor:pointer}.scenario-summary-impact-details-toggle:hover{text-decoration:underline}.scenario-summary-format-menu{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid #dee2e6}.scenario-summary-format-menu-label{font-size:13px;font-weight:500}.scenario-summary-format-menu-options{display:flex;gap:8px}.scenario-summary-format-btn{padding:6px 14px;border-radius:6px;border:1px solid #1971c2;background:#fff;color:#1971c2;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.scenario-summary-format-btn:hover:not(:disabled){background:#1971c2;color:#fff}.scenario-summary-format-btn:disabled{border-color:#adb5bd;color:#adb5bd;cursor:not-allowed}.scenario-summary-footer{flex:0 0 auto;display:flex;gap:10px;padding:14px 16px;border-top:1px solid #dee2e6}.scenario-summary-btn{flex:1;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.scenario-summary-btn-outline{background:#fff;border:1px solid #1971c2;color:#1971c2}.scenario-summary-btn-outline:hover{background:#e7f5ff}.scenario-summary-btn-primary{background:#1971c2;border:1px solid #1971c2;color:#fff}.scenario-summary-btn-primary:hover{background:#0069d9;border-color:#0069d9}.new-event-modal .ant-modal-content{padding:0;overflow:hidden;border:1px solid #cccdce}.new-event-modal .ant-modal-header{background:#e7f5ff;border-bottom:1px solid #bee3f8;padding:16px 24px;margin:0}.new-event-modal .ant-modal-title{font-size:22px;font-weight:600;color:#1e1e1e;letter-spacing:-.01em}.new-event-modal .ant-modal-close{top:16px;color:#495057}.new-event-modal .ant-modal-body{padding:0}.new-event-body{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.new-event-body .form-section{display:flex;flex-direction:column;gap:8px}.new-event-body .section-label{font-size:15px!important;font-weight:500!important;color:#1e1e1e!important}.new-event-hint{font-size:13px!important;margin-top:-8px}.new-event-date-input{width:100%;height:32px;padding:4px 11px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;color:#1e1e1e;transition:border-color .2s ease;box-sizing:border-box}.new-event-date-input:hover{border-color:#4096ff}.new-event-date-input:focus{border-color:#1677ff;outline:none;box-shadow:0 0 0 2px #0591ff1a}.new-event-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #dee2e6;background:#fff}.new-event-submit-btn{flex:1!important;background:#007bff!important;border-color:#007bff!important;font-weight:500!important}.new-event-submit-btn:hover{background:#0069d9!important;border-color:#0063cc!important}.new-event-cancel-btn{min-width:110px;color:#495057!important;border-color:#dee2e6!important}.new-event-cancel-btn:hover{border-color:#adb5bd!important;color:#1e1e1e!important}@media (max-width: 768px){.new-event-footer{flex-direction:column-reverse}.new-event-cancel-btn{width:100%}.new-event-submit-btn{width:100%!important}}div#calendarBar{align-items:center;backdrop-filter:blur(3px);background-color:var(--widget-color);border-radius:1000px;display:flex;gap:4px;z-index:1;justify-content:center;margin:.75dvh auto;max-width:max-content;position:relative}div#calendarBar button.rowDate{align-items:center;background-color:transparent;border-radius:1000px;border:none;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:clamp(12px,1.65vmax,18px);height:min(2.55vmax,32px);justify-content:center;line-height:1;overflow:hidden;padding:0 clamp(6px,.85vw,14px);position:relative;transition:background-color .15s ease;z-index:0}div#calendarBar button.rowDate:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:transparent;transition:background-color .15s ease,box-shadow .15s ease;z-index:2}div#calendarBar button.rowDate:hover:after,div#calendarBar button.rowDate:focus-visible:after{background-color:#ffffff24;box-shadow:0 0 0 1px #ffffff40 inset}div#calendarBar button.rowDate:focus-visible{outline:none}div#calendarBar button.rowDate .dateLabel{align-items:center;display:flex;position:relative;z-index:1}div#calendarBar button.measurementDate{background-color:var(--measure-1)}div#calendarBar button.measurementDate2{background-color:var(--measure-2)}div#calendarBar button.measurementDate3{background-color:var(--measure-3);color:var(--measure-on-light)}div#calendarBar button.measurementDate4{background-color:var(--measure-4)}div#calendarBar button.quadrantTile{background-color:transparent}div#calendarBar button.confirmedErrorDate{background-color:color-mix(in srgb,var(--confirmed-error-color),transparent 60%)}div#calendarBar button.unconfirmedErrorDate{background-color:color-mix(in srgb,var(--unconfirmed-error-color),transparent 60%);color:var(--measure-on-light)}div#calendarBar button.today{color:#f7f717}div#calendarBar button.rowDate{-webkit-user-select:none;user-select:none}div#calendarBar button.selected{font-weight:700;box-shadow:0 0 0 2px #fff inset}div#calendarBar button.selected svg path{fill:#fff}div#calendarBar button.selected svg{height:1em;margin-left:.4em}div#calendarBar button.navButton{align-items:center;background-color:color-mix(in srgb,var(--secondary-color),transparent 60%);border-radius:0 20px 20px 0;display:flex;height:min(2.55vmax,32px);justify-content:center;padding:0 clamp(6px,.75vw,12px)}div#calendarBar button.navButton:hover{background-color:var(--hover-color)}div#calendarBar button.navButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}div#calendarBar button.navButton svg{height:1.5vh;transform:rotate(180deg)}div#calendarBar button.navButton:first-child{border-radius:20px 0 0 20px}div#calendarBar button.navButton:first-child svg{transform:rotate(0)}.calendarContainer{position:absolute;top:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;background-color:var(--widget-color);backdrop-filter:blur(3px);border-radius:12px;padding:.9vmax;animation:fadeIn .3s ease-in-out;width:clamp(225px,25vw,400px);z-index:2}.calendarContainer .react-calendar{background-color:transparent;border-radius:0;width:100%;color:#fff;font-size:clamp(11px,1.1vmax,14px);cursor:auto}.calendarContainer .react-calendar__navigation{align-items:center;display:flex;justify-content:space-between;margin:auto;width:95%}.calendarContainer .react-calendar__navigation button{background:transparent;color:#fff;font-size:clamp(12px,1.4vmax,16px);max-width:45%;min-width:10%;padding:.3rem}.calendarContainer .react-calendar__month-view__weekdays{font-size:clamp(9px,1vmax,11px);font-weight:700;margin:.5rem auto;text-align:center}.calendarContainer .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.calendarContainer .react-calendar__tile{background:transparent;border-radius:1000px;color:#fff;padding:.4rem .2rem;position:relative;overflow:hidden;transition:background-color .2s ease}.calendarContainer .react-calendar__tile:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:transparent;transition:background-color .15s ease,box-shadow .15s ease;z-index:2}.calendarContainer .react-calendar__tile:enabled:hover:after,.calendarContainer .react-calendar__tile:enabled:focus:after{background-color:#ffffff24;box-shadow:0 0 0 2px #ffffff59 inset}.calendarContainer .react-calendar__tile:enabled:focus{outline:none}.calendarContainer .react-calendar__tile abbr{position:relative;z-index:1}.calendarContainer .react-calendar__tile.measurementDate{background-color:var(--measure-1)}.calendarContainer .react-calendar__tile.measurementDate2{background-color:var(--measure-2)}.calendarContainer .react-calendar__tile.measurementDate3{background-color:var(--measure-3);color:var(--measure-on-light)}.calendarContainer .react-calendar__tile.measurementDate4{background-color:var(--measure-4)}.calendarContainer .react-calendar__tile.quadrantTile{background-color:transparent}.calendarContainer .react-calendar__tile.confirmedErrorDate{background-color:color-mix(in srgb,var(--confirmed-error-color),transparent 60%)}.calendarContainer .react-calendar__tile.unconfirmedErrorDate{background-color:color-mix(in srgb,var(--unconfirmed-error-color),transparent 60%);color:var(--measure-on-light)}.calendarContainer .react-calendar__month-view__days__day--weekend{color:#fff}.calendarContainer .react-calendar__tile--now{background:transparent;color:#f7f717;font-weight:700}.calendarContainer .react-calendar__tile--active{color:#fff;font-weight:700;box-shadow:0 0 0 2px #fff inset}.calendarToggles{margin-top:.7rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.calendarToggles .toggleButton{display:flex;align-items:center;gap:.4rem;background:#ffffff0d;border:none;border-radius:8px;padding:.25rem .5rem;cursor:pointer;color:#fff;font-size:.85rem;transition:background .2s}.calendarToggles .toggleButton:hover{background-color:#ffffff1f}.calendarToggles .toggleButton.inactive .label{opacity:.5}.calendarToggles .colorSquare{width:12px;height:12px;border-radius:2px}.quadrantOverlay{position:absolute;inset:0;border-radius:1000px;pointer-events:none;z-index:0}.calendarContainer .iconRow{display:flex;align-items:center;gap:2.5rem;margin-top:.6rem}.calendarContainer .iconButton{background:transparent;border:none;border-radius:10px;cursor:pointer;display:flex;padding:6px;transition:background .2s ease}.calendarContainer .iconButton[aria-pressed=true]{background:#ffffff40}.calendarContainer .iconButton:hover{background:#ffffff26}.calendarContainer .iconButton svg{width:32px;height:32px}@media (max-width: 800px){div#calendarBar button.navButton svg{margin:auto 1vw}}.calendarContainer .calendarLoading{display:flex;justify-content:center;padding:6px 0}.about-modal .ant-modal-content{padding:0;overflow:hidden;border:1px solid #cccdce}.about-modal .ant-modal-header{background:#e7f5ff;border-bottom:1px solid #bee3f8;padding:16px 24px;margin:0}.about-modal .ant-modal-title{font-size:22px;font-weight:600;color:#1e1e1e;letter-spacing:-.01em}.about-modal .ant-modal-close{top:16px;color:#495057}.about-modal .ant-modal-body{padding:0}.about-panel{display:flex;flex-direction:column;max-width:700px;margin:0 auto}.about-tabs{padding:0 24px}.about-tabs .ant-tabs-nav{margin-bottom:0}.about-tabs .ant-tabs-tab{font-size:15px;color:#868e96}.about-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1971c2;font-weight:600}.about-tabs .ant-tabs-ink-bar{background:#1971c2;height:3px}.about-body{padding:20px 24px;max-height:60vh;overflow-y:auto;line-height:1.6em;text-align:justify;color:#333}.about-body ul{padding-left:1.25em;margin:.5em 0}.about-body li{margin-bottom:.75em}.about-body li ul{margin-top:.5em}@media (max-width: 768px){.about-panel{max-width:100%}}div#registration{.popupBody{display:flex;form{display:flex;flex-direction:row;width:100%;gap:2em;justify-content:center;.formLeft,.formRight{display:flex;flex-direction:column;justify-content:center;align-items:center}.formLeft{flex:2;table{width:100%;tr{th{padding:.75em 1em .75em 0;text-align:end;white-space:nowrap;width:30%}input{width:100%;padding:2.25%}}}}div.formRight{flex:1;gap:5%;button{font-size:1.1em;padding:1.25vh 2em;border-radius:1000px}}}}@media (max-width: 900px){div.popupBody form{flex-direction:column;align-items:center}div.formLeft,div.formRight{width:100%}}}.popup-login__form{display:flex;flex-direction:column;gap:.75rem}.popup-login__form label{display:block;margin-bottom:.25rem}.popup-login__form input{width:100%}.popup-login__error{color:red;font-size:.9rem}div#subscription{table{text-align:center;tr{th{font-size:1.3em}td{padding:1.5% 0;svg.check{width:15%}}td:first-child{text-align:start}td:nth-of-type(2),th:nth-of-type(2){border-right:1px solid var(--secondary-color)}}tr:last-child td{padding:0;button{font-size:1.1em;color:#fff;padding:10%;border-radius:1000px;&:hover{background-color:var(--hover-color)}}button#currentTier{background-color:gray;cursor:default}}}}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary-color);color:#fff;height:40px;box-shadow:0 2px 4px #0003}.app-header__logo{width:40px;height:40px;object-fit:contain}.app-header__login-button{width:40px;height:40px;background-color:transparent;object-fit:contain}.app-header__title{font-size:20px;font-weight:700;text-align:center;line-height:1.2}.app-header__title--highlight{display:block}.app-header__about-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:#fff;width:37px;height:37px;cursor:pointer;font-size:14px}.app-header__about-button:hover{background-color:#ffffff1a;border-radius:50%}.app-header__about-icon{width:80%;height:80%;color:#fff}.app-header__language-wrapper{position:relative;display:inline-block}.app-header__language-dropdown{position:absolute;background:#fff;margin-top:150px;border-radius:8px;box-shadow:0 4px 12px #00000026;width:120px;z-index:100}.app-header__language-dropdown .app-header__language-option{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin:0;border:none;background:transparent;cursor:pointer;font-size:14px;line-height:1;color:#000;-webkit-appearance:none;appearance:none;transition:background-color .12s ease,transform .06s ease}.app-header__language-dropdown .app-header__language-option:hover,.app-header__language-dropdown .app-header__language-option:focus{background:#0000000f;outline:none}.app-header__language-dropdown .app-header__language-option:active{transform:translateY(1px)}.app-header__language-option{width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;color:#000;font-size:14px;text-align:left}.app-header__language-option:hover{background-color:#ffffff1a}.app-header__language-option.selected{background:#1382b3;color:#fff;font-weight:700;border-radius:4px}div#notificationQueue{position:absolute;right:1vw;top:1vh;z-index:200;div.notification{animation:slideFadeIn .3s ease-in-out;background-color:#fff;border-radius:12px;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:.5vh 0;overflow:hidden;width:auto;word-break:break-word;div.notificationBody{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.5rem;font-size:1rem;line-height:1.5;color:#333;svg.goodResult,svg.badResult{flex-shrink:0;width:clamp(18px,1.5vw,22px);height:auto;margin-top:.15rem}svg.goodResult path{fill:green}svg.badResult path{fill:red}}}}