.formmain{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:var(--gradient-bg-primary);padding:1rem;box-sizing:border-box;perspective:1000px;overflow:hidden}.card{width:91.666667%;max-width:450px;position:relative;transform-style:preserve-3d;transition:transform .8s}.card.flipped{transform:rotateY(180deg)}.card-inner{position:relative;width:100%;transform-style:preserve-3d}.card-front,.card-back{width:100%;backface-visibility:hidden}.card-back{position:absolute;top:0;left:0;transform:rotateY(180deg)}.loginform{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-dark);border-radius:12px;display:flex;flex-direction:column;width:100%;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.loginform:hover{box-shadow:var(--shadow-dark-hover);border-color:var(--color-primary-alpha-30)}@media (min-width: 640px){.loginform{padding:2.5rem 3rem}}.header{display:flex;align-items:center;position:relative;margin-bottom:2rem}.back-button{position:absolute!important;left:-8px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--color-text-primary)!important}.heading_text{font-size:28px;font-family:Manrope,sans-serif!important;font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:100%}.loginform form{display:flex;flex-direction:column;gap:1.5rem}.email{display:flex;flex-direction:column;gap:8px}.email h6{font-size:14px;color:var(--color-text-secondary);font-weight:600;font-family:Manrope,sans-serif!important;text-transform:capitalize;margin:0}.email .validation{font-size:13px!important;color:var(--color-error)!important;letter-spacing:.5px!important;margin-top:4px}.password{display:flex;flex-direction:column;gap:8px;position:relative}.password h6{font-size:14px;color:var(--color-text-secondary);font-weight:600;font-family:Manrope,sans-serif!important;text-transform:capitalize;margin:0}.password .password-toggle{position:absolute;right:7%;z-index:2}.password .password-toggle .MuiIconButton-root{color:var(--color-text-tertiary);transition:color .2s ease;padding:4px}.password .password-toggle .MuiIconButton-root:hover{color:var(--color-primary);background:none}.checkbox{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.checkbox .check_box{display:flex;align-items:center;gap:8px;margin:0!important}.checkbox .check_box .PrivateSwitchBase-root{padding:0!important}.checkbox .check_box svg{color:var(--color-text-tertiary);transition:color .2s ease}.checkbox .check_box .Mui-checked svg{color:var(--color-primary)!important}.checkbox .check_box .MuiFormControlLabel-label{font-size:14px;color:var(--color-text-secondary);font-family:Manrope,sans-serif!important;font-weight:500}.sign{color:var(--color-primary)!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;font-family:Manrope,sans-serif!important;cursor:pointer;transition:color .2s ease;background:none!important;padding:0!important;min-width:0!important}.sign:hover{color:var(--color-primary-light)!important}.sign_btn{margin-top:2rem!important;width:100%;background:var(--gradient-primary)!important;border:none!important;color:var(--color-bg-primary)!important;font-weight:600!important;padding:14px!important;border-radius:8px!important;font-family:Manrope,sans-serif!important;font-size:16px!important;transition:all .3s ease!important;box-shadow:var(--shadow-primary)!important}.sign_btn:hover{background:var(--gradient-primary-hover)!important;box-shadow:var(--shadow-primary-hover)!important;transform:translateY(-1px)}.sign_btn:disabled,.sign_btn.disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:var(--shadow-primary)!important}.alert{margin:1rem 0;width:100%;text-align:center;font-family:Manrope,sans-serif!important;font-size:14px!important;font-weight:500!important;border-radius:8px;animation:fadeIn .3s ease-in;background:var(--color-error-alpha-15)!important;border:1px solid var(--color-error-alpha-30)!important;color:var(--color-error)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sign_up{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-secondary)}.sign_up h6{color:var(--color-text-tertiary);margin:0;font-size:14px;font-weight:400}.formmain .MuiTextField-root .MuiOutlinedInput-root{background-color:var(--color-bg-tertiary);border-radius:8px}.formmain .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--color-border-primary)}.formmain .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary-alpha-50)}.formmain .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary);border-width:2px}.formmain .MuiTextField-root .MuiOutlinedInput-input{color:var(--color-text-primary);font-family:Manrope,sans-serif}.formmain .MuiTextField-root .MuiOutlinedInput-input::placeholder{color:var(--color-text-quaternary);opacity:1}.formmain .MuiFormHelperText-root{color:var(--color-error);font-family:Manrope,sans-serif}.formmain .MuiInputLabel-root{color:var(--color-text-tertiary);font-family:Manrope,sans-serif}.formmain .MuiInputLabel-root.Mui-focused{color:var(--color-primary)}.map-container{height:100%;width:100%;position:relative;background-color:#0f1419}.leaflet-bar{background:#141923e6!important;border:1px solid rgba(75,85,99,.4)!important;border-radius:6px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.leaflet-bar a{background:transparent!important;color:#d1d5db!important;border-bottom:1px solid rgba(75,85,99,.3)!important}.leaflet-bar a:hover{background:#3b82f633!important;color:#f3f4f6!important}.leaflet-bar a:last-child{border-bottom:none!important}.leaflet-control-attribution{background:#141923cc!important;color:#9ca3af!important;border-radius:4px!important;font-size:.7rem!important}.leaflet-control-attribution a{color:#60a5fa!important}@keyframes dash{to{stroke-dashoffset:-32}}.leaflet-interactive[stroke="#0AE0E4"],.leaflet-interactive[stroke="#00e96c"],.leaflet-interactive[stroke="#f85849"]{animation:dash 2s linear infinite}@keyframes predictionDash{to{stroke-dashoffset:-36}}.leaflet-interactive[stroke-dasharray="12, 6"]{animation:predictionDash 3s linear infinite}.map-legend{position:absolute;bottom:20px;left:20px;background:#141923b3;border:1px solid rgba(75,85,99,.4);border-radius:8px;padding:12px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;min-width:200px;box-shadow:0 4px 12px #0000004d}.legend-title{color:#f3f4f6;font-size:.9rem;font-weight:600;margin:0 0 12px;border-bottom:1px solid rgba(75,85,99,.3);padding-bottom:8px}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 8px;border-radius:4px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.legend-item:hover{background:#3b82f61a;transform:translate(2px)}.legend-item.legend-item-disabled{opacity:.4;background:#ef44441a}.legend-item.legend-item-disabled:hover{background:#ef444426;opacity:.6}.legend-item.legend-item-disabled .legend-icon{filter:grayscale(.6)}.legend-item.legend-item-disabled .legend-label{text-decoration:line-through;color:#9ca3af}.legend-icon{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.legend-label{color:#d1d5db;font-size:.8rem;font-weight:500;white-space:nowrap}@media (max-width: 768px){.map-legend{bottom:10px;left:10px;padding:10px 12px;min-width:180px}.legend-title{font-size:.85rem;margin-bottom:10px}.legend-label{font-size:.75rem}}.custom-vessel-tooltip-loaded .leaflet-tooltip,.custom-vessel-tooltip-empty .leaflet-tooltip,.custom-vessel-tooltip-unknown .leaflet-tooltip,.custom-terminal-tooltip-liquefaction .leaflet-tooltip,.custom-terminal-tooltip-regas .leaflet-tooltip{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border-primary)!important;border-radius:6px!important;color:var(--color-text-primary)!important;font-size:.85rem!important;font-weight:500!important;padding:6px 10px!important;box-shadow:var(--shadow-dark)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;white-space:nowrap!important}.custom-vessel-tooltip-loaded .leaflet-tooltip:before,.custom-vessel-tooltip-empty .leaflet-tooltip:before,.custom-vessel-tooltip-unknown .leaflet-tooltip:before,.custom-terminal-tooltip-liquefaction .leaflet-tooltip:before,.custom-terminal-tooltip-regas .leaflet-tooltip:before{border-top-color:var(--color-bg-secondary)!important}.custom-vessel-tooltip-loaded .leaflet-tooltip{border-left:3px solid var(--color-success)!important}.custom-vessel-tooltip-empty .leaflet-tooltip{border-left:3px solid var(--color-error)!important}.custom-vessel-tooltip-unknown .leaflet-tooltip{border-left:3px solid var(--color-primary)!important}.custom-terminal-tooltip-liquefaction .leaflet-tooltip{border-left:3px solid var(--color-success)!important}.custom-terminal-tooltip-regas .leaflet-tooltip{border-left:3px solid var(--color-error)!important}.leaflet-container .leaflet-tooltip.custom-vessel-tooltip-loaded,.leaflet-container .leaflet-tooltip.custom-vessel-tooltip-empty,.leaflet-container .leaflet-tooltip.custom-vessel-tooltip-unknown,.leaflet-container .leaflet-tooltip.custom-terminal-tooltip-liquefaction,.leaflet-container .leaflet-tooltip.custom-terminal-tooltip-regas{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border-primary)!important;border-radius:6px!important;color:var(--color-text-primary)!important;font-size:.85rem!important;font-weight:500!important;padding:6px 10px!important;box-shadow:var(--shadow-dark)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;white-space:nowrap!important;font-family:inherit!important;line-height:1.4!important}.leaflet-container .leaflet-tooltip.custom-vessel-tooltip-loaded:before,.leaflet-container .leaflet-tooltip.custom-vessel-tooltip-empty:before,.leaflet-container .leaflet-tooltip.custom-vessel-tooltip-unknown:before,.leaflet-container .leaflet-tooltip.custom-terminal-tooltip-liquefaction:before,.leaflet-container .leaflet-tooltip.custom-terminal-tooltip-regas:before{border-top-color:var(--color-bg-secondary)!important;border-left-color:transparent!important;border-right-color:transparent!important}.leaflet-container .leaflet-tooltip.custom-vessel-tooltip-loaded{border-left:3px solid var(--color-success)!important}.leaflet-container .leaflet-tooltip.custom-vessel-tooltip-empty{border-left:3px solid var(--color-error)!important}.leaflet-container .leaflet-tooltip.custom-vessel-tooltip-unknown{border-left:3px solid var(--color-primary)!important}.leaflet-container .leaflet-tooltip.custom-terminal-tooltip-liquefaction{border-left:3px solid var(--color-success)!important}.leaflet-container .leaflet-tooltip.custom-terminal-tooltip-regas{border-left:3px solid var(--color-error)!important}.map-container.shift-mode:before{content:"SHIFT: Multi-select mode";position:absolute;bottom:100px;right:15px;background:#000000d9;color:#00d4ff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;z-index:998;pointer-events:none;border:1px solid rgba(0,212,255,.3);box-shadow:0 4px 12px #0000004d;animation:shiftModeAppear .2s ease-out;max-width:200px;white-space:nowrap}@keyframes shiftModeAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.leaflet-marker-icon.shift-mode-terminal{filter:drop-shadow(0 0 8px rgba(0,212,255,.4));transition:filter .2s ease}.leaflet-marker-icon.shift-mode-terminal:hover{filter:drop-shadow(0 0 12px rgba(0,212,255,.6));transform:scale(1.05);transition:all .2s ease}.map-container.shift-mode{cursor:copy!important}.map-container.shift-mode.dragging{cursor:crosshair!important}@keyframes selectionPulse{0%,to{border-color:#00d4ff;background-color:#00d4ff1a}50%{border-color:#0ae0e4;background-color:#0ae0e426}}.selection-rectangle{animation:selectionPulse 1.5s ease-in-out infinite;box-shadow:0 0 10px #00d4ff4d;z-index:999}@media (max-width: 768px){.map-container.shift-mode:before{bottom:80px;right:10px;font-size:12px;padding:6px 12px}}.leaflet-container .leaflet-tooltip-right.timeline-vessel-tooltip:before{display:none!important}.leaflet-container .leaflet-tooltip.timeline-vessel-tooltip,.leaflet-container .leaflet-tooltip-top.timeline-vessel-tooltip,.leaflet-container .leaflet-tooltip-bottom.timeline-vessel-tooltip,.leaflet-container .leaflet-tooltip-left.timeline-vessel-tooltip,.leaflet-container .leaflet-tooltip-right.timeline-vessel-tooltip,.leaflet-container .leaflet-tooltip.leaflet-tooltip-top.timeline-vessel-tooltip{background:transparent!important;background-color:transparent!important;border:none!important;border-radius:0!important;color:#0ae0e4!important;font-size:.75rem!important;font-weight:500!important;padding:2px 4px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;white-space:nowrap!important;text-shadow:0 0 3px rgba(0,0,0,.8)!important;font-family:inherit!important;line-height:1.4!important;margin:0!important}.leaflet-container .leaflet-tooltip.timeline-vessel-tooltip:before,.leaflet-container .leaflet-tooltip-top.timeline-vessel-tooltip:before,.leaflet-container .leaflet-tooltip-bottom.timeline-vessel-tooltip:before,.leaflet-container .leaflet-tooltip-left.timeline-vessel-tooltip:before,.leaflet-container .leaflet-tooltip-right.timeline-vessel-tooltip:before,.leaflet-container .leaflet-tooltip.leaflet-tooltip-top.timeline-vessel-tooltip:before{display:none!important;border:none!important;background:none!important}.search-bar{position:relative;min-width:300px;max-width:500px}.search-input-container{position:relative;display:flex;align-items:center;background:#0f1419b3;border:1px solid rgba(10,224,228,.2);border-radius:1rem;box-shadow:0 8px 32px #0009;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.search-input-container:focus-within{border-color:#0ae0e4cc;box-shadow:0 8px 40px #0ae0e44d;background:#0f1419cc}.search-input{width:100%;padding:1rem 3rem 1rem 1.5rem;border:none;outline:none;font-size:1rem;background:transparent;color:#f3f4f6;font-weight:500}.search-input::placeholder{color:#6b7280;font-weight:400}.clear-button{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#9ca3af;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-button:hover{color:#0ae0e4;background:#0ae0e41a;transform:scale(1.1)}.search-results{position:absolute;top:100%;left:0;right:0;background:#0f1419b3;border:1px solid rgba(75,85,99,.3);border-radius:.75rem;box-shadow:0 12px 40px #000c;max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:1001;margin-top:.5rem;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.search-loading{padding:1.5rem;text-align:center;color:#9ca3af;font-size:.9rem}.no-results{padding:1.5rem;text-align:center;color:#9ca3af;font-size:.9rem;font-style:italic}.search-result-item{width:100%;display:flex;align-items:stretch;border:none;background:transparent;cursor:pointer;text-align:left;border-bottom:1px solid rgba(75,85,99,.2);transition:all .2s;padding:0}.search-result-item:hover{background:#0ae0e426;border-left:4px solid #0AE0E4;transform:translate(2px)}.search-result-item:last-child{border-bottom:none}.result-main-btn{flex:1;padding:1rem 1.25rem;border:none;background:transparent;cursor:pointer;text-align:left;transition:all .2s;color:inherit;font-family:inherit;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.result-main-btn:hover{background:#0ae0e40d}.add-to-group-btn{width:40px;border:none;background:#0ae0e41a;color:#0ae0e4;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .2s;border-left:1px solid rgba(75,85,99,.2)}.add-to-group-btn:hover{background:#0ae0e440;color:#fff;transform:scale(1.1)}.result-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.result-name{font-weight:500;color:#f3f4f6;font-size:.95rem;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.result-type{font-size:.75rem;padding:.3rem .6rem;border-radius:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.result-type.vessel{background:#0ae0e440;color:#0ae0e4;border:1px solid rgba(10,224,228,.4)}.result-type.terminal{background:var(--color-success-alpha-25);color:var(--color-success);border:1px solid var(--color-success-alpha-40)}.result-details{font-size:.85rem;color:#9ca3af;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#3741514d;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#0ae0e499;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#0ae0e4cc}@media (max-width: 768px){.search-bar{min-width:unset;max-width:unset;width:100%}.search-input{font-size:.9rem;padding:.875rem 2.75rem .875rem 1.25rem}.clear-button{right:.625rem}.result-main-btn{padding:.875rem 1rem}.add-to-group-btn{width:35px;font-size:1rem}.selected-items{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:.375rem;padding:.375rem;margin-top:.5rem;z-index:999}.selected-items-content{gap:.375rem}.selected-item{padding:.2rem .6rem;font-size:.75rem}.clear-all-btn{align-self:flex-end;font-size:.7rem;padding:.2rem .6rem}}.selected-items{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#0f1419d9;border-radius:.5rem;border:1px solid rgba(75,85,99,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;box-shadow:0 4px 16px #0009}.selected-items-content{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.selected-item{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.8rem;border-radius:1rem;font-weight:500;transition:all .2s;position:relative}.selected-item.country{background:#3b82f640;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.selected-item.country-group{background:#a855f740;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.selected-item.terminal{background:var(--color-success-alpha-25);color:var(--color-success);border:1px solid var(--color-success-alpha-40)}.remove-item-btn{background:none;border:none;cursor:pointer;color:inherit;padding:.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.7}.remove-item-btn:hover{opacity:1;background:#fff3;transform:scale(1.1)}.clear-all-btn{background:#ef444440;color:#f87171;border:1px solid rgba(239,68,68,.4);padding:.25rem .75rem;font-size:.75rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap;flex-shrink:0}.clear-all-btn:hover{background:#ef444459;border-color:#ef444499;transform:translateY(-1px)}.clear-all-btn:active{transform:translateY(0)}.result-type.country{background:#3b82f640;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.result-type.country_group{background:#a855f740;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.search-result-item.selected{background:#0ae0e41a;border-left:4px solid #0AE0E4;padding-left:1.125rem}.selected-indicator{font-size:.75rem;color:#0ae0e4;font-weight:600;margin-top:.25rem}.result-details{font-size:.85rem;color:#9ca3af;margin-top:.25rem}.vessel-details-sidebar{position:fixed;top:0;right:0;bottom:0;width:400px;background:#141923f2;border-left:1px solid var(--color-border-primary);box-shadow:-10px 0 40px #00000080;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transform:translate(0);transition:transform .3s ease-in-out}.vessel-details-header{background:var(--gradient-bg-secondary);color:var(--color-text-primary);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.vessel-title{display:flex;align-items:center;gap:.75rem}.vessel-title>div{display:flex;flex-direction:column;gap:.25rem}.vessel-title h2{margin:0;font-size:1.3rem;font-weight:600;color:var(--color-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.vessel-imo{font-size:.85rem;color:var(--color-text-tertiary);font-weight:500}.vessel-details-content{flex:1;overflow-y:auto;padding:1.25rem;background:#0f141980}.vessel-info-section{margin-bottom:1.5rem}.vessel-info-section:last-child{margin-bottom:0}.vessel-info-section h3{margin:0 0 .75rem;color:var(--color-primary);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.predictions-list{display:flex;flex-direction:column;gap:.75rem}.prediction-item{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:.5rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.prediction-item:hover{background:#10b98126;border-color:#10b98180;transform:translateY(-1px)}.prediction-item.prediction-regas{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important}.prediction-item.prediction-regas:hover{background:#ef444426!important;border-color:#ef444480!important;transform:translateY(-1px)}.prediction-item.prediction-regas .prediction-terminal{color:var(--color-error)!important}.prediction-item.prediction-regas .prediction-score{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%)!important;color:#fff!important;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px #ef44444d!important}.prediction-item.prediction-liquefaction .prediction-terminal{color:var(--color-success)!important}.prediction-item.prediction-liquefaction .prediction-score{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)!important;color:#fff!important;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px #10b9814d!important}.prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.prediction-terminal{font-weight:600;font-size:.9rem;color:var(--color-success)}.prediction-score{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px #10b9814d}.prediction-details{font-size:.8rem;color:var(--color-text-tertiary)}.vessel-details-content::-webkit-scrollbar{width:6px}.vessel-details-content::-webkit-scrollbar-track{background:#3741514d;border-radius:3px}.vessel-details-content::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-60);border-radius:3px}.vessel-details-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-80)}.date-inputs{display:flex;flex-direction:column;gap:.75rem}.date-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.date-input{background:#1f2937cc;border:1px solid var(--color-border-primary);border-radius:.5rem;padding:.75rem;color:var(--color-text-primary);font-size:.85rem;transition:all .2s}.date-input:hover{border-color:var(--color-primary-alpha-50)}.date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-20)}.quick-date-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.quick-date-btn{background:var(--color-primary-alpha-15);border:1px solid var(--color-primary-alpha-30);color:var(--color-primary);padding:.5rem .75rem;border-radius:.375rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;flex:1;min-width:fit-content}.quick-date-btn:hover{background:var(--color-primary-alpha-25);border-color:var(--color-primary-alpha-50);transform:translateY(-1px)}.query-button{background:var(--gradient-primary);border:none;color:#fff;padding:.875rem 1.25rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-primary)}.query-button:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.query-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:var(--color-error-alpha-15);border:1px solid var(--color-error-alpha-30);color:var(--color-error);padding:.75rem;border-radius:.5rem;font-size:.85rem;text-align:center}.ais-history-results{background:#1f293799;border:1px solid var(--color-border-primary);border-radius:.5rem;padding:1rem}.ais-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ais-count{font-weight:600;color:var(--color-success);font-size:.9rem}.ais-timerange{font-size:.8rem;color:var(--color-text-secondary)}.ais-note{font-size:.8rem;color:var(--color-text-tertiary);font-style:italic;text-align:center}.timeline-controls{margin-top:1rem;padding:1rem;background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border-primary)}.timeline-title{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--color-primary)}.timeline-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem}.timeline-current-time{color:var(--color-text-primary);font-weight:500}.timeline-percentage{color:var(--color-text-tertiary);font-size:.8rem}.timeline-draft{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.timeline-slider-container{position:relative}.timeline-slider{width:100%;height:6px;border-radius:3px;background:var(--color-bg-tertiary);outline:none;opacity:.8;transition:opacity .2s;cursor:pointer}.timeline-slider:hover{opacity:1}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);box-shadow:var(--shadow-primary);cursor:pointer;transition:all .2s ease}.timeline-slider::-webkit-slider-thumb:hover{background:var(--color-primary-light);box-shadow:var(--shadow-primary-hover);transform:scale(1.1)}.timeline-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);box-shadow:var(--shadow-primary);cursor:pointer;border:none;transition:all .2s ease}.timeline-slider::-moz-range-thumb:hover{background:var(--color-primary-light);box-shadow:var(--shadow-primary-hover);transform:scale(1.1)}.timeline-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--color-text-tertiary)}.timeline-start,.timeline-end{background:var(--color-bg-tertiary);padding:.25rem .5rem;border-radius:4px}.section-header-with-close{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-with-close h3{margin:0;flex:1}.close-historical-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:6px;padding:.5rem;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:1rem}.close-historical-btn:hover{background:var(--color-error-alpha-20);border-color:var(--color-error);color:var(--color-error)}.close-historical-btn:active{transform:scale(.95)}.subsection-title{margin:1.5rem 0 .75rem;font-size:.9rem;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-secondary);padding-bottom:.5rem}.historical-transactions{margin-top:1rem}@media (max-width: 768px){.vessel-details-sidebar{width:100%;max-width:350px}.vessel-details-header{padding:1rem}.vessel-title h2{font-size:1.1rem}.vessel-details-content{padding:1rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.info-value{text-align:left}}.clickable-prediction{cursor:pointer}.clickable-prediction:hover{background:#10b98133!important;border-color:#10b98199!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #10b9814d!important}.prediction-item.prediction-regas.clickable-prediction:hover{background:#ef444433!important;border-color:#ef444499!important;box-shadow:0 4px 12px #ef44444d!important}.terminal-details-sidebar{position:fixed;top:0;right:0;bottom:0;width:400px;background:#141923f2;border-left:1px solid var(--color-border-primary);box-shadow:-10px 0 40px #00000080;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transform:translate(0);transition:transform .3s ease-in-out}.terminal-details-header{background:var(--gradient-bg-secondary);color:var(--color-text-primary);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.terminal-title{display:flex;align-items:center;gap:.75rem}.terminal-title h2{margin:0;font-size:1.3rem;font-weight:600;color:var(--color-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.close-button{background:var(--color-primary-alpha-15);border:1px solid var(--color-primary-alpha-30);color:var(--color-primary);padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--color-primary-alpha-25);border-color:var(--color-primary-alpha-50);transform:scale(1.05)}.terminal-details-content{flex:1;overflow-y:auto;padding:1.25rem;background:#0f141980}.terminal-info-section{margin-bottom:1.5rem}.terminal-info-section:last-child{margin-bottom:0}.terminal-info-section h3{margin:0 0 .75rem;color:var(--color-primary);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.info-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#1f293799;border-radius:.5rem;border-left:3px solid var(--color-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.info-item:hover{background:#1f2937cc;transform:translate(-2px)}.info-label{font-weight:500;color:var(--color-text-secondary);font-size:.85rem}.info-value{font-weight:600;color:var(--color-text-primary);text-align:right;font-size:.85rem}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--color-text-tertiary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-primary-alpha-30);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-section{padding:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;text-align:center;color:var(--color-error)}.error-section button{margin-top:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--color-error);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.error-section button:hover{background:#ef444440;border-color:#ef444480}.probability-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.probability-item{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:.5rem;padding:.75rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.probability-label{display:block;font-size:.75rem;color:var(--color-text-tertiary);margin-bottom:.25rem}.probability-value{display:block;font-size:1.1rem;font-weight:600;color:var(--color-success)}.vessels-list{display:flex;flex-direction:column;gap:.75rem}.vessel-item{background:#1f293799;border:1px solid var(--color-border-primary);border-radius:.5rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.vessel-item:hover{background:#1f2937cc;border-color:#4b556380;transform:translateY(-1px)}.vessel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.vessel-name{font-weight:600;color:var(--color-primary);font-size:.9rem}.vessel-imo{font-size:.75rem;color:var(--color-text-tertiary)}.vessel-details-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.vessel-detail{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0f141980;border-radius:.25rem}.detail-label{font-size:.8rem;color:var(--color-text-secondary)}.detail-value{font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.no-vessels{text-align:center;padding:2rem;color:var(--color-text-tertiary);font-style:italic}.terminal-details-content::-webkit-scrollbar{width:6px}.terminal-details-content::-webkit-scrollbar-track{background:#3741514d;border-radius:3px}.terminal-details-content::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-60);border-radius:3px}.terminal-details-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-80)}@media (max-width: 768px){.terminal-details-sidebar{width:100%;max-width:350px}.terminal-details-header{padding:1rem}.terminal-title h2{font-size:1.1rem}.terminal-details-content{padding:1rem}.probability-summary{grid-template-columns:1fr}.vessel-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.clickable-vessel-item{cursor:pointer;transition:all .3s ease}.clickable-vessel-item:hover{background:#1f2937e6!important;border-color:var(--color-primary-alpha-70)!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px var(--color-primary-alpha-40)!important}.clickable-vessel-item:hover .vessel-name{color:var(--color-primary)!important;text-shadow:0 0 8px var(--color-primary-alpha-30)}.scrollable-section{max-height:300px;overflow-y:auto;padding-right:.5rem}.scrollable-section::-webkit-scrollbar{width:4px}.scrollable-section::-webkit-scrollbar-track{background:#3741514d;border-radius:2px}.scrollable-section::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-60);border-radius:2px}.scrollable-section::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-80)}.date-range-controls{display:flex;flex-direction:column;gap:1rem}.date-input-group{display:flex;flex-direction:column;gap:.25rem;min-width:0}.date-input-group label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.date-input-group input{background:#1f293799;border:1px solid var(--color-border-primary);border-radius:.5rem;padding:.5rem;color:var(--color-text-primary);font-size:.8rem;transition:all .2s;width:100%;min-width:0;box-sizing:border-box}.date-input-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-30)}.quick-date-buttons button{background:#1f293799;border:1px solid var(--color-border-primary);color:var(--color-text-secondary);padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;cursor:pointer;transition:all .2s;flex:1;min-width:fit-content}.quick-date-buttons button:hover{background:#1f2937cc;color:var(--color-text-primary);border-color:var(--color-primary-alpha-50)}.query-button{background:var(--color-primary-alpha-15);border:1px solid var(--color-primary-alpha-30);color:var(--color-primary);padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.query-button:hover:not(:disabled){background:var(--color-primary-alpha-25);border-color:var(--color-primary-alpha-50);transform:translateY(-1px)}.query-button:disabled{opacity:.6;cursor:not-allowed}.section-divider{height:1px;background:var(--color-border-primary);margin:1rem 0;opacity:.5}.date-range-reference{margin-bottom:1rem;text-align:center}.date-range-text{font-size:.85rem;color:var(--color-text-secondary);background:#1f293766;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--color-border-primary);display:inline-block}.error-message{color:var(--color-error);font-size:.85rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:.5rem;text-align:center}.transactions-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.transactions-list::-webkit-scrollbar{width:4px}.transactions-list::-webkit-scrollbar-track{background:#3741514d;border-radius:2px}.transactions-list::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-60);border-radius:2px}.transactions-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-80)}.transaction-item{background:#1f293799;border:1px solid var(--color-border-primary);border-radius:.5rem;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.transaction-item:hover{background:#1f2937cc;border-color:#4b556380;transform:translateY(-1px)}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.transaction-type{font-weight:600;font-size:.8rem;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize}.transaction-type[data-type=loading]{background:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.transaction-type[data-type=offloading]{background:#ef444426;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.transaction-date{font-size:.75rem;color:var(--color-text-tertiary)}.transaction-details{display:grid;grid-template-columns:1fr;gap:.25rem}.transaction-detail{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8rem}.no-transactions{text-align:center;padding:2rem;color:var(--color-text-tertiary);font-style:italic}.volume-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.volume-item{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;padding:.75rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.volume-label{display:block;font-size:.75rem;color:var(--color-text-tertiary);margin-bottom:.25rem}.volume-value{display:block;font-size:1.1rem;font-weight:600;color:var(--color-primary)}.transaction-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.summary-item{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:.5rem;padding:.75rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-label{display:block;font-size:.75rem;color:var(--color-text-tertiary);margin-bottom:.25rem}.summary-value{display:block;font-size:1.1rem;font-weight:600;color:var(--color-primary)}.group-summary-sidebar{position:fixed;top:0;right:0;width:420px;height:100vh;background:linear-gradient(135deg,#0f1419f2,#141923f2);border-left:1px solid rgba(75,85,99,.3);box-shadow:-8px 0 32px #0009;z-index:1000;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.group-summary-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(75,85,99,.3);background:#0ae0e40d}.summary-title{display:flex;align-items:center;gap:.75rem}.summary-title h2{margin:0;font-size:1.5rem;font-weight:600;color:#f3f4f6;background:linear-gradient(135deg,#0ae0e4,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-title svg{color:#0ae0e4;filter:drop-shadow(0 0 4px rgba(10,224,228,.4))}.close-summary-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-summary-btn:hover{color:#f3f4f6;background:#ef444433;transform:scale(1.1)}.group-summary-content{flex:1;overflow-y:auto;padding:0 2rem 2rem}.selection-overview{padding:1.5rem 0;border-bottom:1px solid rgba(75,85,99,.2);margin-bottom:1.5rem}.selection-text{display:flex;flex-direction:column;gap:.5rem}.selection-count{font-size:1.1rem;font-weight:600;color:#0ae0e4}.terminal-list{font-size:.9rem;color:#9ca3af;line-height:1.4}.summary-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;color:#f3f4f6;margin:0}.section-header svg{color:#0ae0e4}.chart-controls{display:flex;gap:.25rem;flex-shrink:0;align-items:center}.toggle-btn{padding:.25rem .5rem;font-size:.75rem;border:1px solid rgba(75,85,99,.5);background:#1f293780;color:#9ca3af;border-radius:.25rem;cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap;min-width:auto}.toggle-btn:hover{background:#4b556380;color:#f3f4f6}.toggle-btn.active{background:#0ae0e4;color:#111827;border-color:#0ae0e4;box-shadow:0 0 8px #0ae0e466}.summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.summary-card{background:#1f2937cc;border:1px solid rgba(75,85,99,.3);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s}.summary-card:hover{background:#1f2937e6;border-color:#0ae0e44d;transform:translateY(-1px)}.summary-card.loading{border-left:4px solid var(--color-success)}.summary-card.offloading{border-left:4px solid #ef4444}.card-label{font-size:.8rem;color:#9ca3af;font-weight:500}.card-value{font-size:1.25rem;font-weight:700;color:#f3f4f6}.loading-state,.error-state,.no-data{padding:2rem;text-align:center;color:#9ca3af;font-style:italic}.error-state{color:#ef4444}.chart-placeholder{background:#1f293780;border:2px dashed rgba(75,85,99,.5);border-radius:.75rem;padding:2rem;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-placeholder svg{color:#6b7280}.chart-placeholder small{font-size:.75rem;color:#6b7280}.horizontal-chart-container{background:#1f29374d;border:1px solid rgba(75,85,99,.3);border-radius:.75rem;padding:.5rem;margin-top:.5rem}.chart-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.chart-title{font-size:.9rem;font-weight:600;color:#f3f4f6;margin:0;text-align:left}.chart-controls-below{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.control-separator{color:#6b7280;font-size:1rem;font-weight:300;margin:0 .25rem;-webkit-user-select:none;user-select:none}.chart-controls-below .toggle-btn{padding:.25rem .5rem;font-size:.8rem;border:1px solid rgba(75,85,99,.5);background:#1f293780;color:#9ca3af;border-radius:.375rem;cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap;min-width:auto}.chart-controls-below .toggle-btn:hover{background:#4b556380;color:#f3f4f6}.chart-controls-below .toggle-btn.active{background:#0ae0e4;color:#111827;border-color:#0ae0e4;box-shadow:0 0 8px #0ae0e466}.chart-tooltip{background:#1f2937f2;border:1px solid rgba(75,85,99,.5);border-radius:.5rem;padding:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip-label{color:#f3f4f6;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.tooltip-value{color:#9ca3af;font-size:.8rem;margin:0}.tooltip-value-label{color:#9ca3af}.tooltip-value-number{color:#0ae0e4;font-weight:600}.chart-legend{display:flex;justify-content:center;gap:1rem;margin:.5rem 0;padding:.5rem;background:#1f29374d;border-radius:.375rem;border:1px solid rgba(75,85,99,.2)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#9ca3af;font-weight:500}.legend-color{width:12px;height:12px;border-radius:2px;border:1px solid rgba(75,85,99,.3)}.date-range-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.date-input-group{display:flex;flex-direction:column;gap:.25rem}.date-input-group label{font-size:.75rem;color:#9ca3af;font-weight:500}.date-input-group input{padding:.5rem;border:1px solid rgba(75,85,99,.5);background:#1f2937b3;color:#f3f4f6;border-radius:.375rem;font-size:.875rem;transition:all .2s}.date-input-group input:focus{outline:none;border-color:#0ae0e4;box-shadow:0 0 0 2px #0ae0e433}.quick-date-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.quick-date-buttons button{padding:.375rem .75rem;font-size:.8rem;border:1px solid rgba(75,85,99,.5);background:#1f2937b3;color:#9ca3af;border-radius:.375rem;cursor:pointer;transition:all .2s;font-weight:500}.quick-date-buttons button:hover{background:#0ae0e41a;border-color:#0ae0e44d;color:#0ae0e4}.transaction-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.query-button{background:linear-gradient(135deg,#0ae0e4,#06b6d4);color:#111827;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem;box-shadow:0 4px 12px #0ae0e44d}.query-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0ae0e466}.query-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-message{color:#ef4444;font-size:.875rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.375rem;margin-top:.5rem}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(75,85,99,.3) 50%,transparent 100%);margin:1.5rem 0}.date-range-reference{display:flex;justify-content:center;margin-bottom:1rem}.date-range-text{font-size:.8rem;color:#9ca3af;padding:.5rem 1rem;background:#1f293780;border:1px solid rgba(75,85,99,.3);border-radius:.5rem;font-weight:500}.group-summary-content::-webkit-scrollbar{width:6px}.group-summary-content::-webkit-scrollbar-track{background:#1f29374d;border-radius:3px}.group-summary-content::-webkit-scrollbar-thumb{background:#0ae0e499;border-radius:3px}.group-summary-content::-webkit-scrollbar-thumb:hover{background:#0ae0e4cc}@media (max-width: 768px){.group-summary-sidebar{width:100%;max-width:400px}.group-summary-header{padding:1rem 1.5rem}.summary-title h2{font-size:1.25rem}.group-summary-content{padding:0 1.5rem 1.5rem}.summary-cards{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.transaction-controls{flex-direction:column;align-items:stretch;gap:.75rem}.chart-controls{justify-content:center}}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000;min-width:280px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:var(--shadow-dark);overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-content{padding:.75rem}.menu-section{margin-bottom:.5rem}.menu-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.volume-unit-selector{position:relative}.volume-unit-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:8px;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px}.volume-unit-select:hover{border-color:var(--color-primary-alpha-40);background-color:var(--color-bg-primary)}.volume-unit-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-20)}.volume-unit-select:disabled{opacity:.6;cursor:not-allowed}.volume-unit-select option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:.5rem}.update-indicator{margin-top:.5rem;font-size:.75rem;color:var(--color-primary);text-align:center;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.menu-divider{height:1px;background:var(--color-border-secondary);margin:.75rem 0}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.menu-item:hover{background:var(--color-primary-alpha-10);color:var(--color-primary)}.logout-button{color:var(--color-error)}.logout-button:hover{background:var(--color-error-alpha-10);color:var(--color-error)}.logout-button svg{color:inherit}.user-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}@media (max-width: 768px){.user-menu-dropdown{right:-1rem;left:-1rem;min-width:auto}}@media (prefers-contrast: high){.user-menu-dropdown,.volume-unit-select{border-width:2px}}@media (prefers-reduced-motion: reduce){.user-menu-dropdown,.update-indicator{animation:none}}.forecast-view{padding:2rem;color:var(--color-text-secondary);max-width:1200px;margin:0 auto}.forecast-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forecast-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1rem}.chart-controls{display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:var(--gradient-bg-secondary);border-radius:.75rem;border:1px solid var(--color-primary-alpha-20);flex-wrap:wrap;align-items:center}.control-group label{font-weight:500;color:var(--color-text-secondary);min-width:max-content}.radio-group input[type=radio]{accent-color:var(--color-primary)}.control-group input[type=range]{accent-color:var(--color-primary);background:transparent}.control-group select{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-primary-alpha-30);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.control-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-20)}.control-group span{font-weight:600;color:var(--color-primary);min-width:2rem;text-align:center}.metric-card{background:var(--gradient-bg-secondary);border:1px solid var(--color-primary-alpha-20);border-radius:.75rem;padding:1.5rem;text-align:center;box-shadow:0 4px 12px #0000004d}.metric-card h3{font-size:1rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 .75rem}.metric-value{font-size:2rem;font-weight:700;color:var(--color-primary);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-container{background:var(--gradient-bg-secondary);border:1px solid var(--color-primary-alpha-20);border-radius:.75rem;padding:1rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000004d}.info-message{background:var(--color-error-alpha-15);border:1px solid var(--color-error-alpha-30);color:var(--color-error);padding:1rem;border-radius:.5rem;margin:1rem 0;text-align:center;font-size:.95rem;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px var(--color-error-alpha-20)}.info-message strong{color:var(--color-error);font-weight:600}@media (max-width: 768px){.forecast-view{padding:1rem}.chart-controls{flex-direction:column;align-items:stretch;gap:1rem}.control-group{justify-content:space-between}.radio-group{justify-content:flex-end}.metrics-row{grid-template-columns:1fr;gap:1rem}.chart-container{padding:1rem}}.page-size-select,.page-select{background:var(--color-bg-secondary);border:1px solid var(--color-primary-alpha-30);border-radius:.375rem;color:var(--color-text-secondary);padding:.5rem;font-size:.875rem}.page-size-select:focus,.page-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-20)}.export-csv-btn{background:var(--gradient-primary);color:var(--color-bg-primary);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.export-csv-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-alpha-30)}.pagination-info{color:var(--color-text-tertiary);font-size:.875rem;margin-bottom:1rem}.transaction-table-container{background:var(--gradient-bg-secondary);border:1px solid var(--color-primary-alpha-20);border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 12px #0000004d;overflow-x:auto}.transaction-table th{background:var(--color-primary-alpha-10);color:var(--color-primary);padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid var(--color-primary-alpha-20);position:sticky;top:0;z-index:1}.transaction-table td{padding:.75rem;border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-secondary)}.transaction-table tbody tr:hover{background:var(--color-primary-alpha-05)}.transaction-table tbody tr:nth-child(2n):hover{background:var(--color-primary-alpha-05)}.no-data-message{text-align:center;color:var(--color-text-tertiary);padding:3rem;font-size:1.125rem;background:var(--gradient-bg-secondary);border:1px solid var(--color-primary-alpha-20);border-radius:.75rem;margin-top:1rem}.transaction-table-container::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-30);border-radius:4px}.transaction-table-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-50)}@media (max-width: 768px){.controls-row{flex-direction:column;align-items:stretch}.transaction-table-container{padding:.5rem}.transaction-table th,.transaction-table td{padding:.5rem;font-size:.875rem}}.transaction-log-view{padding:2rem;color:#d1d5db;min-height:100vh;max-width:1200px;margin:0 auto}.transaction-log-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#0ae0e4,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.transaction-log-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#d1d5db;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid rgba(10,224,228,.2);border-top:4px solid #0AE0E4;border-radius:50%;animation:spin 1s linear infinite}.chart-controls{display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#1a1f29,#0f1419);border-radius:.75rem;border:1px solid rgba(10,224,228,.2);flex-wrap:wrap;align-items:center}.control-group{display:flex;align-items:center;gap:.75rem}.control-group label{font-weight:500;color:#d1d5db;min-width:max-content}.radio-group{display:flex;gap:1rem;align-items:center}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;min-width:auto}.radio-group input[type=radio]{accent-color:#0AE0E4}.control-group input[type=range]{accent-color:#0AE0E4;background:transparent}.control-group select{background:#1a1f29;color:#d1d5db;border:1px solid rgba(10,224,228,.3);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.control-group select:focus{outline:none;border-color:#0ae0e4;box-shadow:0 0 0 2px #0ae0e433}.control-group span{font-weight:600;color:#0ae0e4;min-width:2rem;text-align:center}.error-message{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171;padding:1rem;border-radius:.5rem;margin-bottom:1rem;text-align:center}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:linear-gradient(135deg,#1a1f29,#0f1419);border:1px solid rgba(10,224,228,.2);border-radius:.75rem;padding:1.5rem;text-align:center;box-shadow:0 4px 12px #0000004d}.metric-card h3{font-size:1rem;font-weight:500;color:#d1d5db;margin:0 0 .75rem}.metric-value{font-size:2rem;font-weight:700;color:#0ae0e4;margin:0;background:linear-gradient(135deg,#0ae0e4,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-container{background:linear-gradient(135deg,#1a1f29,#0f1419);border:1px solid rgba(10,224,228,.2);border-radius:.75rem;padding:1rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000004d}.transaction-log-header{margin-bottom:2rem}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.page-size-select,.page-select{background:#1a1f29;border:1px solid rgba(10,224,228,.3);border-radius:.375rem;color:#d1d5db;padding:.5rem;font-size:.875rem}.page-size-select:focus,.page-select:focus{outline:none;border-color:#0ae0e4;box-shadow:0 0 0 2px #0ae0e433}.export-csv-btn{background:linear-gradient(135deg,#0ae0e4,#0891b2);color:#000;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.export-csv-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0ae0e44d}.export-csv-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.pagination-btn{background:#1a1f29;border:1px solid rgba(10,224,228,.3);border-radius:.375rem;color:#d1d5db;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#0ae0e4;background:#0ae0e41a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#9ca3af;font-size:.875rem;margin-bottom:1rem}.transaction-table-container{background:linear-gradient(135deg,#1a1f29,#0f1419);border:1px solid rgba(10,224,228,.2);border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 12px #0000004d;overflow-x:auto}.transaction-table{width:100%;overflow-x:auto}.transaction-table table{width:100%;border-collapse:collapse;min-width:800px}.transaction-table th{background:#0ae0e41a;color:#0ae0e4;padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(10,224,228,.2);position:sticky;top:0;z-index:1}.transaction-table td{padding:.75rem;border-bottom:1px solid rgba(75,85,99,.3);color:#d1d5db}.transaction-table tbody tr:hover{background:#0ae0e40d}.transaction-table tbody tr:nth-child(2n){background:#0000001a}.transaction-table tbody tr:nth-child(2n):hover{background:#0ae0e40d}.no-data-message{text-align:center;color:#9ca3af;padding:3rem;font-size:1.125rem;background:linear-gradient(135deg,#1a1f29,#0f1419);border:1px solid rgba(10,224,228,.2);border-radius:.75rem;margin-top:1rem}@media (max-width: 768px){.transaction-log-view{padding:1rem}.chart-controls{flex-direction:column;align-items:stretch;gap:1rem}.control-group{justify-content:space-between}.radio-group{justify-content:flex-end}.controls-row{flex-direction:column;align-items:stretch}.pagination-controls{flex-direction:column;gap:.5rem}.metrics-row{grid-template-columns:1fr;gap:1rem}.transaction-table-container{padding:.5rem}.transaction-table th,.transaction-table td{padding:.5rem;font-size:.875rem}.chart-container{padding:1rem}}.transaction-table-container::-webkit-scrollbar{height:8px}.transaction-table-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.transaction-table-container::-webkit-scrollbar-thumb{background:#0ae0e44d;border-radius:4px}.transaction-table-container::-webkit-scrollbar-thumb:hover{background:#0ae0e480}.searchable-multiselect{position:relative;margin-bottom:1.25rem}.multiselect-label{display:block;font-weight:500;color:#d1d5db;font-size:.9rem;margin-bottom:.6rem}.selected-chips{background:#0f1419;border:1px solid rgba(10,224,228,.3);border-radius:.375rem;padding:.5rem;margin-bottom:.5rem;min-height:3rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;max-height:120px;overflow-y:auto}.selected-chips::-webkit-scrollbar{width:4px}.selected-chips::-webkit-scrollbar-track{background:#1a1f2980;border-radius:2px}.selected-chips::-webkit-scrollbar-thumb{background:#0ae0e44d;border-radius:2px}.chip{display:inline-flex;align-items:center;gap:.375rem;background:var(--gradient-error);color:#fff;padding:.4rem .6rem;border-radius:.375rem;font-size:.85rem;font-weight:500;box-shadow:var(--shadow-error);transition:all .2s ease;max-width:250px}.chip:hover{background:linear-gradient(135deg,var(--color-error-dark) 0%,var(--color-error-darker) 100%);box-shadow:var(--shadow-error-hover)}.chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.chip-remove:hover{background:#fff3}.search-input{width:100%;background:#0f1419;color:#d1d5db;border:1px solid rgba(10,224,228,.3);border-radius:.375rem;padding:.75rem 2.5rem .75rem .75rem;font-size:.875rem;transition:all .2s ease}.dropdown-arrow{position:absolute;right:.75rem;color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease;font-size:.875rem}.dropdown-arrow:hover{color:#0ae0e4}.options-dropdown{position:absolute;top:100%;left:0;right:0;background:#0f1419;border:1px solid rgba(10,224,228,.3);border-top:none;border-radius:0 0 .375rem .375rem;overflow-y:auto;overflow-x:hidden;z-index:1000;box-shadow:0 4px 12px #0000004d}.options-dropdown::-webkit-scrollbar{width:6px}.options-dropdown::-webkit-scrollbar-track{background:#1a1f2980;border-radius:3px}.options-dropdown::-webkit-scrollbar-thumb{background:#0ae0e44d;border-radius:3px}.option-item{padding:.75rem;cursor:pointer;color:#d1d5db;font-size:.875rem;border-bottom:1px solid rgba(10,224,228,.1);transition:all .2s ease}.option-item:hover{background:#0ae0e41a;color:#0ae0e4}.option-item:last-child{border-bottom:none}.no-options{padding:.75rem;color:#9ca3af;font-size:.875rem;text-align:center;font-style:italic}.selection-summary{margin-top:.5rem;font-size:.75rem;color:#9ca3af}.no-selection{color:#6b7280}@media (max-width: 768px){.selected-chips{max-height:80px}.chip{max-width:150px;font-size:.75rem}.options-dropdown{max-height:150px}}.grouped-searchable-multiselect{position:relative;margin-bottom:1rem}.multiselect-label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.875rem;color:#d1d5db}.selected-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.chip{display:inline-flex;align-items:center;background:#0ae0e433;border:1px solid rgba(10,224,228,.3);border-radius:1rem;padding:.25rem .5rem;font-size:.75rem;color:#0ae0e4}.chip-text{margin-right:.25rem}.chip-remove{background:none;border:none;color:#0ae0e4;cursor:pointer;font-size:1.125rem;line-height:1;padding:0;margin-left:.25rem;display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:color .2s}.chip-remove:hover{color:#0891b2}.search-input-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.5rem 2rem .5rem .75rem;background:#1a1f29;border:1px solid rgba(10,224,228,.3);border-radius:.375rem;color:#d1d5db;font-size:.875rem;transition:all .2s}.search-input:focus{outline:none;border-color:#0ae0e4;box-shadow:0 0 0 2px #0ae0e433}.search-input::placeholder{color:#6b7280}.dropdown-arrow{position:absolute;right:.75rem;font-size:.75rem;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.dropdown-arrow:hover{color:#d1d5db}.options-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#1a1f29;border:1px solid rgba(10,224,228,.3);border-radius:.375rem;box-shadow:0 4px 12px #0000004d;z-index:1000;overflow-y:auto;overflow-x:hidden}.group-header{display:flex;align-items:center;padding:.625rem .75rem;cursor:pointer;background:#0ae0e41a;border-bottom:1px solid rgba(10,224,228,.15);font-weight:600;color:#0ae0e4;transition:background .2s}.group-header:hover{background:#0ae0e426}.group-checkbox{margin-right:.75rem;font-size:1.125rem;width:20px;text-align:center}.group-name{flex:1}.country-item{display:flex;align-items:center;padding:.5rem .75rem .5rem 2.5rem;cursor:pointer;color:#d1d5db;transition:all .2s;position:relative}.country-item:hover{background:#0ae0e40d;color:#0ae0e4}.country-item.selected{background:#0ae0e41a;color:#0ae0e4}.country-checkbox{position:absolute;left:1rem;font-size:.875rem;color:#0ae0e4;font-weight:600}.country-name{flex:1}.no-options{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.selection-summary{margin-top:.5rem;font-size:.75rem;color:#6b7280}.no-selection{font-style:italic}.options-dropdown::-webkit-scrollbar{width:8px}.options-dropdown::-webkit-scrollbar-track{background:#0003;border-radius:4px}.options-dropdown::-webkit-scrollbar-thumb{background:#0ae0e44d;border-radius:4px}.options-dropdown::-webkit-scrollbar-thumb:hover{background:#0ae0e480}.filter-panel{background:var(--gradient-bg-secondary);border-radius:.5rem;padding:1.5rem;overflow-y:auto;height:100%}.filter-panel-title{color:var(--color-primary);font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.basic-filters{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-primary-alpha-20)}.filter-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.filter-group label{font-weight:500;color:var(--color-text-secondary);font-size:.9rem}.filter-group input,.filter-group select{background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-primary-alpha-30);border-radius:.375rem;padding:.75rem;font-size:.9rem;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-20)}.filter-group input::placeholder{color:var(--color-text-quaternary)}.styled-select{background:#0f1419b3!important;color:var(--color-text-primary)!important;border:1px solid var(--color-primary-alpha-20)!important;border-radius:.5rem!important;padding:.75rem 2.5rem .75rem 1rem!important;font-size:.95rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px #0000004d!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230AE0E4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px!important}.styled-select:focus{outline:none!important;border-color:var(--color-primary-alpha-80)!important;box-shadow:var(--shadow-primary)!important;background:#0f1419e6!important}.styled-select:hover{border-color:var(--color-primary-alpha-40)!important;box-shadow:0 4px 12px #0006!important}.styled-select option{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;padding:.5rem!important}.advanced-filters{margin-bottom:2rem}.filter-actions{display:flex;justify-content:center;padding-top:1.5rem;border-top:1px solid var(--color-primary-alpha-20)}.clear-filters-btn{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 6px #ef44444d}.clear-filters-btn:hover{background:linear-gradient(135deg,var(--color-error-dark) 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 3px 8px #ef444466}.filter-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:1rem}.filter-loading .loading-spinner{width:24px;height:24px;border:2px solid var(--color-primary-alpha-20);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.filter-loading p{color:var(--color-text-tertiary);font-size:.8rem;margin:0;text-align:center}@media (max-width: 768px){.filter-panel{padding:.75rem}.filter-group{margin-bottom:.75rem}}.dashboard{display:flex;height:100%;background-color:var(--color-bg-primary)}.dashboard-sidebar{width:420px;background:var(--gradient-bg-secondary);border-right:1px solid var(--color-primary-alpha-20);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;box-shadow:2px 0 8px #0000004d;overflow-y:auto}.dashboard-title{background:var(--gradient-primary-hover);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.2rem;font-weight:700;letter-spacing:.1em;filter:brightness(1.1);-webkit-user-select:none;user-select:none;transition:all .3s ease;margin:0;text-align:center}.dashboard-nav{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-primary-alpha-20)}.nav-btn{background:transparent;color:var(--color-text-secondary);border:1px solid transparent;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;text-align:left;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.nav-btn:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary-alpha-30);color:var(--color-primary);transform:translate(4px)}.nav-btn.active{background:var(--gradient-primary);color:var(--color-bg-primary);font-weight:600;border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.nav-btn.active:hover{background:var(--gradient-primary-hover);transform:translate(4px);box-shadow:var(--shadow-primary-hover)}.sidebar-filters{flex:1;min-height:0}.dashboard-content{flex:1;background-color:var(--color-bg-primary);overflow-y:auto;padding:1.5rem;position:relative}.dashboard-content .view-toggle-btn{position:absolute;top:1.5rem;right:1.5rem;z-index:1200}.nav-buttons-container{display:flex;justify-content:flex-end;align-items:center;padding:10px 15px;gap:1rem;margin-bottom:1rem;position:sticky;top:-1.5rem;left:0;right:0;z-index:1000;background-color:var(--color-bg-primary);flex-direction:row;flex-wrap:nowrap;width:100%;box-sizing:border-box;border-bottom:1px solid var(--color-primary-alpha-10)}.nav-buttons-container .view-toggle-btn{position:static;margin:0}@media (max-width: 1200px){.dashboard-sidebar{width:380px;padding:1.5rem 1.25rem}.dashboard-content{padding:1.5rem}.dashboard-content .view-toggle-btn{top:1.5rem;right:1.5rem}}@media (max-width: 1024px){.dashboard-sidebar{width:350px;padding:1.5rem 1rem}.dashboard-content{padding:1rem}.dashboard-content .view-toggle-btn{top:1rem;right:1rem}}@media (max-width: 768px){.dashboard{flex-direction:column}.dashboard-sidebar{width:100%;max-height:40vh;padding:1rem;border-right:none;border-bottom:1px solid var(--color-primary-alpha-20)}.dashboard-nav{flex-direction:row;justify-content:center;padding-bottom:.75rem;margin-bottom:.75rem}.nav-btn{padding:.6rem .8rem;font-size:.85rem}.sidebar-filters{flex:none}.dashboard-content{padding:1rem;flex:1}.dashboard-content .view-toggle-btn{top:1rem;right:1rem;padding:.75rem 1.25rem;font-size:.9rem;gap:.5rem}.nav-buttons-container{padding:.5rem;margin-bottom:.5rem;top:-1rem}}.app{height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.app-main{flex:1;position:relative;overflow:hidden;background-color:var(--color-bg-primary)}.search-overlay{display:none}.view-toggle-btn{background:var(--gradient-primary);color:var(--color-bg-primary);border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-dark),var(--shadow-primary);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);height:2.75rem}.view-toggle-btn:hover{background:var(--gradient-primary-hover);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-dark-hover),var(--shadow-primary-hover)}.view-toggle-btn:active{transform:translateY(-1px) scale(1.02)}.loading-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:var(--gradient-bg-primary);color:var(--color-text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-primary-alpha-20);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f1419cc;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text-secondary)}.loading-overlay .loading-spinner{width:40px;height:40px;border:4px solid var(--color-primary-alpha-20);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.error-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:var(--gradient-bg-primary);color:#f87171}.error-container button{background:var(--gradient-primary);color:var(--color-bg-primary);border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;box-shadow:var(--shadow-primary)}.error-container button:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}@media (max-width: 768px){.map-nav-header{top:1rem;left:1rem;right:1rem;flex-direction:column;gap:1rem;height:auto}.nav-brand{font-size:1.8rem;margin-left:0}.nav-search .search-bar{min-width:unset;max-width:unset;width:100%}.view-toggle-btn{padding:.75rem 1.25rem;font-size:.9rem;gap:.5rem}.map-nav-header.sidebar-open{right:1rem!important;top:8rem!important}}.app-header{background:var(--gradient-bg-primary);border-bottom:1px solid var(--color-primary-alpha-20);padding:1rem 2rem;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px #0000004d}.view-toggle{display:flex;gap:.5rem;background:#1a1f29cc;padding:.25rem;border-radius:.75rem;border:1px solid var(--color-primary-alpha-30)}.toggle-btn{background:transparent;color:var(--color-text-secondary);border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.toggle-btn:hover{background:var(--color-primary-alpha-10);color:var(--color-primary);transform:translateY(-1px)}.toggle-btn.active{background:var(--gradient-primary);color:var(--color-bg-primary);font-weight:600;box-shadow:var(--shadow-primary)}.toggle-btn.active:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.view-toggle-btn.sidebar-open{right:420px;transition:all .3s ease}.view-container{position:relative;height:100%;width:100%;transition:opacity .2s ease-in-out}.view-container.active{opacity:1;z-index:1}.view-container.hidden{opacity:0;z-index:-1;pointer-events:none}.app-main{position:relative;height:100vh;width:100%;overflow:hidden}.map-nav-header{position:absolute;top:2rem;left:2rem;right:2rem;z-index:1200;display:flex;justify-content:space-between;align-items:center;pointer-events:none;height:2.75rem}.nav-brand{pointer-events:none;background:var(--gradient-primary-hover);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.2rem;font-weight:700;letter-spacing:.1em;filter:brightness(1.1);-webkit-user-select:none;user-select:none;transition:all .3s ease;margin-left:4rem}.nav-search{pointer-events:auto;flex:0 0 auto}.nav-search .search-bar{min-width:400px;max-width:500px}.nav-button{pointer-events:auto;flex:0 0 auto}.map-nav-header.sidebar-open{right:420px;transition:all .3s ease}:root{--color-primary: #0ae0e4;--color-primary-dark: #0891b2;--color-primary-darker: #0e7490;--color-primary-light: #bffcfd;--color-primary-alpha-10: rgba(10, 224, 228, .1);--color-primary-alpha-15: rgba(10, 224, 228, .15);--color-primary-alpha-20: rgba(10, 224, 228, .2);--color-primary-alpha-25: rgba(10, 224, 228, .25);--color-primary-alpha-30: rgba(10, 224, 228, .3);--color-primary-alpha-40: rgba(10, 224, 228, .4);--color-primary-alpha-50: rgba(10, 224, 228, .5);--color-primary-alpha-60: rgba(10, 224, 228, .6);--color-primary-alpha-70: rgba(10, 224, 228, .7);--color-primary-alpha-80: rgba(10, 224, 228, .8);--color-bg-primary: #0f1419;--color-bg-secondary: #1a1f29;--color-bg-tertiary: #2d3748;--color-text-primary: #f3f4f6;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-quaternary: #6b7280;--color-success: #00e96c;--color-success-dark: #01c05a;--color-success-darker: #01af52;--color-error: #f85849;--color-error-dark: #dc4d40;--color-error-darker: #b43e33;--color-warning: #f59e0b;--color-info: #3b82f6;--color-info-light: #60a5fa;--color-success-alpha-10: rgba(0, 233, 108, .1);--color-success-alpha-15: rgba(0, 233, 108, .15);--color-success-alpha-20: rgba(0, 233, 108, .2);--color-success-alpha-25: rgba(0, 233, 108, .25);--color-success-alpha-30: rgba(0, 233, 108, .3);--color-success-alpha-40: rgba(0, 233, 108, .4);--color-success-alpha-50: rgba(0, 233, 108, .5);--color-success-alpha-60: rgba(0, 233, 108, .6);--color-success-alpha-70: rgba(0, 233, 108, .7);--color-error-alpha-10: rgba(138, 30, 0, .1);--color-error-alpha-15: rgba(138, 30, 0, .15);--color-error-alpha-20: rgba(138, 30, 0, .2);--color-error-alpha-25: rgba(138, 30, 0, .25);--color-error-alpha-30: rgba(138, 30, 0, .3);--color-error-alpha-40: rgba(138, 30, 0, .4);--color-error-alpha-50: rgba(138, 30, 0, .5);--color-error-alpha-60: rgba(138, 30, 0, .6);--color-error-alpha-70: rgba(138, 30, 0, .7);--color-info-alpha-10: rgba(59, 130, 246, .1);--color-info-alpha-15: rgba(59, 130, 246, .15);--color-info-alpha-20: rgba(59, 130, 246, .2);--color-info-alpha-25: rgba(59, 130, 246, .25);--color-info-alpha-30: rgba(59, 130, 246, .3);--color-info-alpha-40: rgba(59, 130, 246, .4);--color-info-alpha-50: rgba(59, 130, 246, .5);--color-info-alpha-60: rgba(59, 130, 246, .6);--color-info-alpha-70: rgba(59, 130, 246, .7);--color-border-primary: rgba(75, 85, 99, .3);--color-border-secondary: rgba(75, 85, 99, .2);--gradient-primary: linear-gradient( 135deg, var(--color-primary) 0%, var(--color-primary-dark) 100% );--gradient-primary-hover: linear-gradient( 135deg, var(--color-primary-light) 0%, var(--color-primary) 100% );--gradient-bg-primary: linear-gradient( 135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100% );--gradient-bg-secondary: linear-gradient( 135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100% );--gradient-success: linear-gradient( 135deg, var(--color-success) 0%, var(--color-success-dark) 100% );--gradient-error: linear-gradient( 135deg, var(--color-error) 0%, var(--color-error-dark) 100% );--shadow-primary: 0 4px 12px var(--color-primary-alpha-30);--shadow-primary-hover: 0 6px 16px var(--color-primary-alpha-40);--shadow-success: 0 2px 6px var(--color-success-alpha-30);--shadow-success-hover: 0 4px 12px var(--color-success-alpha-30);--shadow-error: 0 2px 6px var(--color-error-alpha-30);--shadow-error-hover: 0 4px 12px var(--color-error-alpha-30);--shadow-dark: 0 8px 25px rgba(0, 0, 0, .3);--shadow-dark-hover: 0 12px 35px rgba(0, 0, 0, .4);--color-yellow-legacy: #fbbf24;--color-yellow-dark-legacy: #f59e0b}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:var(--color-bg-primary)}body{margin:0;padding:0;background:var(--color-bg-primary);color:var(--color-text-primary)}#root{height:100vh;background:var(--color-bg-primary)}