:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-gradient-light: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);--primary-gradient-medium: linear-gradient(135deg, #667eea30 0%, #764ba230 100%);--primary-color: #667eea;--primary-dark: #764ba2;--primary-shadow: rgba(102, 126, 234, .3);--primary-shadow-hover: rgba(102, 126, 234, .4)}.btn-primary,.button.is-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--primary-shadow)}.btn-primary:hover:not(:disabled),.button.is-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-shadow-hover)}.btn-primary:disabled,.button.is-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary i,.button.is-primary i{font-size:1.25rem}.btn-primary-sm{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--primary-shadow)}.btn-primary-sm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-shadow-hover)}.btn-primary-sm:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-light,.button.is-light{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:#f5f7fa;color:#4a5568;border:2px solid #e2e8f0;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-light:hover:not(:disabled),.button.is-light:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e0;transform:translateY(-1px)}.btn-light:disabled,.button.is-light:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-white{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:#fff;color:var(--primary-color);border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.btn-white:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.btn-white:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-reset{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;color:#666;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-reset:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.btn-danger,.button.is-danger{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:#ff3860e6;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-danger:hover:not(:disabled),.button.is-danger:hover:not(:disabled){background:#ff3860;transform:translateY(-1px)}.btn-danger:disabled,.button.is-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:linear-gradient(to bottom,#fff,#f8f9fa);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(102,126,234,.1)}.input-field{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow)}.badge-primary{background:var(--primary-gradient);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.icon{display:inline-flex;align-items:center;justify-content:center}.notification{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.notification.is-danger{background:#feecf0;border:2px solid #ff3860;color:#cc0f35}.notification.is-success{background:#effaf3;border:2px solid #48c774;color:#257942}.notification.is-info{background:#eff5fb;border:2px solid #3298dc;color:#296fa8}.empty-state{text-align:center;padding:3rem 1rem;color:#999}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state p{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.empty-state small{color:#bbb}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.text-center{text-align:center}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .3s ease}.fade-in-up{animation:fadeInUp .5s ease}.zoom-in{animation:zoomIn .3s ease}.modern-form{width:100%}.error-notification.svelte-1hjvrdf{position:fixed;top:20px;right:20px;max-width:400px;z-index:9999;box-shadow:0 4px 12px #00000026;animation:svelte-1hjvrdf-slideIn .3s ease-out}@keyframes svelte-1hjvrdf-slideIn{0%{transform:translate(450px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.error-notification.svelte-1hjvrdf{left:10px;right:10px;max-width:none}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #2c3e50;--text-secondary: #666;--border-color: #e0e0e0;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #404040;--card-bg: #2d2d2d;--shadow: rgba(0, 0, 0, .3)}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}[data-theme=dark] .box,[data-theme=dark] .card,[data-theme=dark] .images-container,[data-theme=dark] .filters-container,[data-theme=dark] .results-bar,[data-theme=dark] .map-card,[data-theme=dark] .placemarks-section,[data-theme=dark] .placemark-card,[data-theme=dark] .feature-card,[data-theme=dark] .create-form-container,[data-theme=dark] .details-container,[data-theme=dark] .content-section{background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .title,[data-theme=dark] .hero-title,[data-theme=dark] .section-title,[data-theme=dark] .card-title,[data-theme=dark] .feature-title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:var(--text-primary)!important}[data-theme=dark] .input,[data-theme=dark] .textarea,[data-theme=dark] .select select,[data-theme=dark] .field-input,[data-theme=dark] .field-textarea,[data-theme=dark] .modern-input,[data-theme=dark] .modern-select{background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .tabs-container{background:#1a1a1a!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .tab-button{color:var(--text-secondary)!important}[data-theme=dark] .tab-button.active{background:var(--card-bg)!important;color:#667eea!important}[data-theme=dark] .empty-state,[data-theme=dark] .loading-state{background:var(--card-bg)!important}.leaflet-container{z-index:1!important}.leaflet-map-pane{z-index:auto}.leaflet-popup-pane{z-index:700!important}.leaflet-tooltip-pane{z-index:650!important}.leaflet-top,.leaflet-bottom{z-index:400!important}.modern-navbar.svelte-12qhfyh{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea33;position:sticky;top:0;z-index:1000}.navbar-container.svelte-12qhfyh{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;min-height:70px}.navbar-brand.svelte-12qhfyh{display:flex;align-items:center}.brand-link.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;transition:transform .3s ease}.brand-link.svelte-12qhfyh:hover{transform:scale(1.05)}.brand-icon.svelte-12qhfyh{width:40px;height:40px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.brand-text.svelte-12qhfyh{font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.navbar-content.svelte-12qhfyh{display:flex;align-items:center;gap:2rem}.navbar-start.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem}.navbar-end.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;margin:0 1rem;padding:.75rem 1.25rem;color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;background:#ffffff1a}.nav-link.svelte-12qhfyh:hover{background:#fff3;transform:translateY(-2px)}.nav-link.primary.svelte-12qhfyh{background:#fff;color:#667eea}.nav-link.primary.svelte-12qhfyh:hover{background:#f8f9fa;box-shadow:0 4px 12px #ffffff4d}.user-badge.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;font-family:inherit;font-size:1rem}.user-badge.svelte-12qhfyh:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.logout-button.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:1rem;min-width:140px}.logout-button.svelte-12qhfyh:hover{background:#ff3860e6;border-color:#ff3860e6;transform:translateY(-2px)}.main-content.svelte-12qhfyh{min-height:calc(100vh - 200px);background:var(--bg-secondary);transition:background-color .3s ease}[data-theme=dark] .main-content.svelte-12qhfyh{background:linear-gradient(to bottom,#1a1a1a,#252525)}.modern-footer.svelte-12qhfyh{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:3rem 0 1rem;margin-top:4rem;border-top:4px solid #667eea;transition:background-color .3s ease}.modern-footer.svelte-12qhfyh strong:where(.svelte-12qhfyh){color:#fff}[data-theme=dark] .modern-footer.svelte-12qhfyh{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border-top:4px solid #764ba2}.footer-content.svelte-12qhfyh{max-width:1400px;margin:0 auto;padding:0 1.5rem}.footer-grid.svelte-12qhfyh{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-section.svelte-12qhfyh{display:flex;flex-direction:column}.footer-brand-section.svelte-12qhfyh{display:flex;flex-direction:column;gap:1rem}.footer-logo.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;margin-bottom:.5rem}.footer-logo.svelte-12qhfyh i:where(.svelte-12qhfyh){color:#667eea;font-size:2rem}.footer-description.svelte-12qhfyh{color:#ffffffb3;line-height:1.6;font-size:.95rem}.footer-title.svelte-12qhfyh{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#fff}.footer-links.svelte-12qhfyh{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links.svelte-12qhfyh li:where(.svelte-12qhfyh){display:flex;align-items:center}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#ffffffb3;text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#667eea;transform:translate(4px)}.footer-links.svelte-12qhfyh span:where(.svelte-12qhfyh){color:#fff9;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.footer-links.svelte-12qhfyh span:where(.svelte-12qhfyh) i:where(.svelte-12qhfyh){color:#667eea;width:16px}.footer-bottom.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.copyright.svelte-12qhfyh{color:#fff9;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.footer-social.svelte-12qhfyh{display:flex;gap:1rem}.footer-social.svelte-12qhfyh a:where(.svelte-12qhfyh){width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;font-size:1.2rem}.footer-social.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#667eea;transform:translateY(-4px);box-shadow:0 4px 12px #667eea66}.theme-toggle.svelte-12qhfyh{background:transparent;border:none;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.theme-toggle.svelte-12qhfyh:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;border-radius:24px}.toggle-track.svelte-12qhfyh{position:relative;width:54px;height:28px;background:#fff3;border-radius:28px;transition:background-color .3s ease;display:flex;align-items:center;border:2px solid rgba(255,255,255,.3)}.toggle-track.dark.svelte-12qhfyh{background:#0000004d;border-color:#fff3}.toggle-thumb.svelte-12qhfyh{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003;z-index:2}.toggle-track.dark.svelte-12qhfyh .toggle-thumb:where(.svelte-12qhfyh){transform:translate(26px)}.toggle-icon.svelte-12qhfyh{position:absolute;top:50%;transform:translateY(-50%);font-size:13px;z-index:1;pointer-events:none;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.toggle-icon.sun.svelte-12qhfyh{left:4px;color:#fbbf24}.toggle-icon.moon.svelte-12qhfyh{right:4px;color:#fbbf24}.toggle-track.svelte-12qhfyh:not(.dark) .toggle-icon.moon:where(.svelte-12qhfyh){opacity:.4}.toggle-track.dark.svelte-12qhfyh .toggle-icon.sun:where(.svelte-12qhfyh){opacity:.4}@media(max-width:1024px){.footer-grid.svelte-12qhfyh{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:768px){.navbar-container.svelte-12qhfyh{padding:0 1rem;min-height:60px}.brand-text.svelte-12qhfyh{display:none}.brand-icon.svelte-12qhfyh{width:36px;height:36px;font-size:1.1rem}.navbar-content.svelte-12qhfyh{gap:.5rem;flex:1;justify-content:space-between}.navbar-end.svelte-12qhfyh{gap:.75rem}.nav-link.svelte-12qhfyh span:where(.svelte-12qhfyh),.logout-button.svelte-12qhfyh span:where(.svelte-12qhfyh){display:none}.nav-link.svelte-12qhfyh,.logout-button.svelte-12qhfyh{padding:.5rem}.logout-button.svelte-12qhfyh{min-width:auto}.nav-link.svelte-12qhfyh i:where(.svelte-12qhfyh),.logout-button.svelte-12qhfyh i:where(.svelte-12qhfyh){font-size:1.25rem}.user-badge.svelte-12qhfyh{padding:.5rem}.user-badge.svelte-12qhfyh:hover{transform:translateY(0)}.user-badge.svelte-12qhfyh span:where(.svelte-12qhfyh){display:none}.user-badge.svelte-12qhfyh i:where(.svelte-12qhfyh){font-size:1.25rem}.footer-grid.svelte-12qhfyh{grid-template-columns:1fr;gap:2rem}.footer-bottom.svelte-12qhfyh{flex-direction:column;gap:1.5rem;text-align:center}}