:root{--primary: #0d2b5b;--accent: #3498db;--info: #17a2b8;--light: #f5f7fa;--dark: #2c3e50;--text-light: #bdc3c7;--card-bg: rgba(44, 62, 80, .9);--shadow: 0 8px 30px rgba(0, 0, 0, .2);--border-radius: 12px;--transition: all .3s cubic-bezier(.25, .8, .25, 1);--flood-low: #2ecc71;--flood-medium: #f39c12;--flood-high: #e74c3c;--flood-extreme: #8e44ad}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb{background:#555;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#777;background-clip:content-box}html,body{height:100%;width:100%;overflow:hidden;background-color:#ecf0f1}#map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:9999;display:none;justify-content:center;align-items:center;flex-direction:column;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--info);animation:spin 1s linear infinite}#loading-text{color:var(--dark);margin-top:15px;font-size:1.1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ffffffb3}70%{transform:scale(1.2);box-shadow:0 0 10px 15px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.active-marker-pulse{animation:pulse 1.5s infinite}.ui-overlay{position:absolute;z-index:1000;pointer-events:none}.ui-overlay>*{pointer-events:auto}.top-bar{top:25px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;gap:15px}.search-container{display:flex;gap:10px;background:var(--card-bg);padding:10px;border-radius:var(--border-radius);box-shadow:var(--shadow);flex-grow:1;max-width:600px}#find-location-btn{padding:10px;flex-shrink:0;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:var(--accent);color:#fff;font-size:1rem;transition:var(--transition);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}#find-location-btn:hover{background:#2980b9}.search-container select,.search-container input{width:100%;padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1rem;transition:var(--transition)}.search-container select{flex-basis:40%}.search-container input{flex-basis:60%}.search-container select:focus,.search-container input:focus{outline:none;background:#fff3;border-color:var(--accent)}.search-container option{background:var(--dark);color:#fff}#forecast-param-select option,#weather-param-select option{color:#000}.top-controls{display:flex;align-items:center;gap:10px}#digital-clock{background:var(--card-bg);padding:13px 18px;border-radius:var(--border-radius);box-shadow:var(--shadow);color:#fff;font-weight:500}.auth-container,.lang-switcher{background:var(--card-bg);padding:5px;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;align-items:center}.lang-switcher button,.google-sign-in-btn,.sign-out-btn{border:none;background:transparent;color:#fff;cursor:pointer;padding:8px 12px;border-radius:8px;transition:var(--transition)}.lang-switcher button:hover,.google-sign-in-btn:hover,.sign-out-btn:hover{background:#fff3}.lang-switcher button.active{background:var(--accent)}.google-sign-in-btn{display:flex;align-items:center;gap:8px}.user-info{display:none;align-items:center;gap:10px;padding:0 10px}.user-info img{width:32px;height:32px;border-radius:50%}body.user-logged-in .google-sign-in-btn{display:none}body.user-logged-in .user-info{display:flex}.left-panel{top:90px;left:15px;bottom:15px;width:280px;color:#fff;transition:transform .4s ease;transform:translate(0)}.left-panel.hidden{transform:translate(calc(-100% - 15px))}.left-panel .panel-toggle{right:-30px;border-radius:0 8px 8px 0}.right-panel{top:90px;right:15px;bottom:15px;width:380px;display:flex;flex-direction:column;gap:15px;transition:transform .4s ease;transform:translate(0)}.right-panel.hidden{transform:translate(calc(100% + 15px))}.panel-toggle{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:60px;background:var(--card-bg);color:#fff;border:none;cursor:pointer;font-size:1.2rem;background-image:linear-gradient(to right,rgba(0,0,0,.2),transparent)}#right-panel-toggle{left:-30px;border-radius:8px 0 0 8px}.data-panel{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:20px;overflow-y:auto;flex-grow:1;color:#fff;height:100%}.data-panel h3{border-bottom:2px solid var(--accent);padding-bottom:10px;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.data-panel h4{color:var(--accent);margin-top:20px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.2)}.placeholder-text{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;color:var(--text-light)}.data-panel-section{margin-bottom:25px}.param-grid{display:grid;grid-template-columns:1fr;gap:10px}.param-item{background:#ffffff1a;border-radius:6px;padding:10px;display:flex;justify-content:space-between;align-items:center}.param-item>div{display:flex;align-items:center;gap:8px}.param-label{color:var(--text-light);font-size:.9rem}.param-value{font-weight:600;font-size:1rem;display:flex;align-items:center;gap:8px}.chart-container{height:200px;margin-top:15px}.chart-description{font-size:.8rem;color:var(--text-light);text-align:center;margin-top:8px;padding:0 10px;min-height:2.5em}.layer-control-group{display:flex;flex-direction:column;gap:10px}.layer-control-group label{display:flex;align-items:center;gap:10px;cursor:pointer}.bottom-panel{bottom:0;left:0;right:0;background:linear-gradient(to top,#2c3e50f2,#2c3e50cc);box-shadow:0 -5px 20px #0003;color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;padding:15px;transform:translateY(calc(100% - 60px));transition:transform .3s ease-out}.bottom-panel.open{transform:translateY(0)}#bottom-panel-location{text-align:center;font-size:1.1rem;margin-bottom:10px;font-weight:500}#bottom-panel-toggle{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:60px;height:30px;background:var(--card-bg);color:#fff;border:none;cursor:pointer;font-size:1.2rem;border-radius:8px 8px 0 0;background-image:linear-gradient(to bottom,rgba(0,0,0,.2),transparent)}.forecast-controls{display:flex;justify-content:center;margin-bottom:15px}.forecast-tabs{display:flex;background:#0003;border-radius:30px;padding:4px}.forecast-tab{padding:8px 16px;border-radius:30px;border:none;background:transparent;cursor:pointer;font-size:.9rem;color:var(--text-light);transition:var(--transition)}.forecast-tab.active{background:var(--accent);color:#fff;font-weight:600}.forecast-container{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.forecast-day,.forecast-hour{background:#ffffff1a;border-radius:10px;padding:10px;text-align:center;min-width:120px;display:flex;flex-direction:column;gap:5px}.forecast-day h4,.forecast-hour h4{font-size:.9rem;margin-bottom:5px}.forecast-item{font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:5px;background:#0003;padding:5px;border-radius:6px}.forecast-item>i{color:var(--text-light);margin-bottom:2px}.indicator{font-size:.8rem;font-weight:700;padding:3px 8px;border-radius:15px;color:#fff;margin-top:4px}.indicator.low{background-color:var(--flood-low)}.indicator.medium{background-color:var(--flood-medium)}.indicator.high{background-color:var(--flood-high)}.indicator.extreme{background-color:var(--flood-extreme)}.legend-container-horizontal,.indicator-legend{display:flex;justify-content:center;align-items:center;gap:15px;padding-bottom:15px}.legend-item{display:flex;align-items:center;font-size:.85rem}.legend-color{width:15px;height:15px;border-radius:4px;margin-right:8px;border:1px solid rgba(255,255,255,.3)}.indicator-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-left:8px;flex-shrink:0}.indicator-legend{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.indicator-legend .legend-item{font-size:.8rem}.indicator-legend .indicator-dot{margin-right:5px;margin-left:0}.leaflet-popup-content-wrapper{background:var(--card-bg);color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow)}.leaflet-popup-content{margin:15px;line-height:1.6}.leaflet-popup-tip{background:var(--card-bg)}.popup-header{font-size:1.2rem;font-weight:700;margin-bottom:10px;border-bottom:1px solid var(--accent);padding-bottom:5px}.popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.popup-item .label{font-size:.8rem;color:var(--text-light);display:block}.popup-item .value{font-size:1.1rem;font-weight:600}.ai-advice-container{background:#0003;padding:12px;border-radius:8px;font-size:.9rem;line-height:1.5;margin-top:20px}.ai-advice-container h3{font-size:1.1rem;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:8px;margin-bottom:12px;font-weight:600}.ai-advice-container h4{font-size:1rem;color:var(--text-light);margin-top:1em;margin-bottom:.5em;font-weight:600;border-bottom:none;padding-bottom:0}.ai-advice-container ul{list-style:none;padding-left:0;margin-top:8px}.ai-advice-container li{padding-left:1.3em;position:relative;margin-bottom:.7em}.ai-advice-container li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700}.ai-advice-container strong{color:var(--accent);font-weight:600}.ai-advice-container em{font-style:italic;color:var(--text-light)}.ai-loading{display:flex;align-items:center;gap:8px}#initial-instruction{position:absolute;top:90px;left:20px;z-index:1001;pointer-events:auto;transition:opacity .3s ease}#initial-instruction.hidden{opacity:0;pointer-events:none}.instruction-box{background:var(--card-bg);color:#fff;padding:15px 20px;border-radius:var(--border-radius);box-shadow:var(--shadow);position:relative;width:280px}.instruction-box:before{content:"";position:absolute;top:-10px;left:80px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--card-bg)}#close-instruction-btn{position:absolute;top:5px;right:10px;background:none;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.7}#close-instruction-btn:hover{opacity:1}@media (max-width: 768px){.top-bar{flex-direction:column;align-items:stretch;top:20px;left:10px;right:10px;gap:10px}.search-container{flex-wrap:nowrap}.top-controls{justify-content:space-between;width:100%}.left-panel,.right-panel{position:fixed;top:0;bottom:0;width:90%;max-width:320px;border-radius:0;padding-top:60px;pointer-events:none}.left-panel:not(.hidden),.right-panel:not(.hidden){pointer-events:auto}.left-panel{left:0;transform:translate(-105%)}.left-panel.hidden{transform:translate(-105%)}.left-panel:not(.hidden){transform:translate(0)}.right-panel{right:0;left:auto;transform:translate(105%)}.right-panel.hidden{transform:translate(105%)}.right-panel:not(.hidden){transform:translate(0)}.panel-toggle{height:80px;width:40px}.forecast-tab{padding:10px 18px}.popup-header{font-size:1.1rem}.popup-item .value{font-size:1rem}body{font-size:16px}#initial-instruction{top:145px}.instruction-box:before{left:50px}}.chat-container{display:flex;flex-direction:column;padding:0;background:#0003;border-radius:var(--border-radius);margin-top:15px;height:350px;min-height:250px;border:1px solid rgba(255,255,255,.1)}.chat-container h3{padding:15px 15px 10px;margin:0;border-bottom:1px solid rgba(255,255,255,.2);font-size:1.1rem;color:var(--accent);flex-shrink:0}.chat-history{flex-grow:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.chat-message{padding:10px 14px;border-radius:12px;max-width:85%;line-height:1.5;font-size:.9rem;word-wrap:break-word}.chat-message.ai-message{background-color:#0000004d;color:#fff;align-self:flex-start}.chat-message.user-message{background-color:var(--accent);color:#fff;align-self:flex-end}.chat-message.ai-message.typing{padding:10px 14px;display:flex;align-items:center;gap:5px;background:#0000004d}.chat-message.ai-message.typing span{width:8px;height:8px;border-radius:50%;background:var(--text-light);animation:typing-blink 1.4s infinite both}.chat-message.ai-message.typing span:nth-child(1){animation-delay:0s}.chat-message.ai-message.typing span:nth-child(2){animation-delay:.2s}.chat-message.ai-message.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.chat-message.ai-message p{margin:.5em 0}.chat-message.ai-message p:first-child{margin-top:0}.chat-message.ai-message p:last-child{margin-bottom:0}.chat-message.ai-message ul{margin-top:10px;padding-left:1.2em;list-style:disc}.chat-message.ai-message li{margin-bottom:5px}.chat-message.ai-message h3,.chat-message.ai-message h4{font-size:1rem;font-weight:600;color:var(--accent);margin-bottom:8px;margin-top:12px}.chat-form{display:flex;align-items:center;padding:15px;border-top:1px solid rgba(255,255,255,.2);flex-shrink:0}.chat-form input{flex-grow:1;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:10px 15px;font-size:.9rem;margin-right:10px;background:#ffffff1a;color:#fff}.chat-form input:focus{outline:none;border-color:var(--accent);background:#fff3}.chat-form button{border:none;background:var(--accent);color:#fff;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1rem;transition:var(--transition);flex-shrink:0}.chat-form button:hover{background:#2980b9}