:root{--bg-dark: #0f172a;--bg-sidebar: #1e293b;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--item-bg: rgba(255, 255, 255, .03);--item-hover: rgba(255, 255, 255, .07);--sidebar-width: 400px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body.light-theme{--bg-dark: #f8fafc;--bg-sidebar: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .08);--item-bg: #ffffff;--item-hover: #f1f5f9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);height:100vh;overflow:hidden;transition:background-color .4s ease}#app{display:flex;height:100vh;width:100vw}#sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:100;box-shadow:10px 0 30px #0000001a;transition:var(--transition)}#sidebar header{padding:24px;border-bottom:1px solid var(--glass-border)}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-actions{display:flex;gap:8px}.view-mode-selector{display:flex;background:#0000000d;border:1px solid var(--glass-border);border-radius:20px;padding:2px}.view-mode-btn{background:none;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.view-mode-btn:hover{color:var(--text-primary)}.view-mode-btn.active{background:var(--accent);color:#fff}#theme-toggle{background:#0000000d;border:1px solid var(--glass-border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:var(--transition)}#theme-toggle:hover{background:#0000001a;transform:rotate(15deg)}.hidden{display:none!important}.logo-text{font-family:Outfit,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.5px}.logo-text .accent{color:var(--accent)}#breadcrumb{display:flex;gap:8px;font-size:13px;color:var(--text-secondary)}.breadcrumb-item:not(:last-child):after{content:"/";margin-left:8px}.sidebar-content{flex:1;display:flex;flex-direction:column;padding:24px;overflow:hidden}.search-container{position:relative;margin-bottom:24px}#search-input{width:100%;background:var(--item-bg);border:1px solid var(--glass-border);border-radius:12px;padding:14px 16px 14px 44px;color:var(--text-primary);font-size:15px;transition:var(--transition)}#search-input:focus{outline:none;border-color:var(--accent)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:.5}.layer-switcher{display:flex;gap:8px;margin-bottom:24px}.layer-btn{flex:1;background:var(--item-bg);border:1px solid var(--glass-border);color:var(--text-secondary);padding:10px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:var(--transition)}.layer-btn:hover{background:var(--item-hover)}.layer-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-bar{margin-bottom:24px;padding:0 4px;display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-group{display:flex;flex-direction:column;gap:8px}#reset-zoom-btn{background:var(--item-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}#reset-zoom-btn:hover{background:var(--item-hover);color:var(--text-primary)}#reset-zoom-btn i{font-size:12px;color:var(--accent)}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.toggle-switch input{display:none}.slider{position:relative;width:36px;height:18px;background:#0000001a;border-radius:20px;transition:var(--transition)}.slider:before{content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;background:#fff;border-radius:50%;transition:var(--transition)}input:checked+.slider{background:var(--accent)}input:checked+.slider:before{transform:translate(18px)}.view-header h1{font-family:Outfit,sans-serif;font-size:28px;font-weight:600;margin-bottom:4px}.view-header p{color:var(--text-secondary);font-size:14px}#data-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-right:4px}[data-view=grid] #sidebar,[data-view=list] #sidebar,[data-view=table] #sidebar{width:100%;border-right:none}[data-view=grid] #main-content,[data-view=list] #main-content,[data-view=table] #main-content{display:none}[data-view=grid] #data-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:24px}[data-view=grid] .list-item{height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;background:var(--item-bg);border:1px solid var(--glass-border);border-radius:16px}[data-view=grid] .list-item:hover{background:var(--item-hover);transform:translateY(-4px)}[data-view=list] #data-list{padding:24px;max-width:900px;margin:0 auto;width:100%;gap:12px}[data-view=table] #data-list{padding:0;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{position:sticky;top:0;background:var(--bg-sidebar);padding:16px 24px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--glass-border);z-index:10}.data-table td{padding:14px 24px;border-bottom:1px solid var(--glass-border);background:var(--item-bg);font-size:14px;cursor:pointer}.data-table tr:hover td{background:var(--item-hover)}.data-table tr.selected td{background:var(--accent);color:#fff}.data-table td .name{font-weight:600}.data-table .assoc-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.view-header-main{display:flex;justify-content:space-between;align-items:flex-start}#column-toggler-container{position:relative}.glass-btn{background:var(--item-bg);border:1px solid var(--glass-border);color:var(--text-secondary);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.glass-btn:hover{background:var(--item-hover);color:var(--text-primary)}.dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-sidebar);border:1px solid var(--glass-border);border-radius:12px;padding:12px;width:180px;z-index:200;box-shadow:0 10px 25px #0000004d}.column-option{display:flex;align-items:center;gap:10px;padding:8px 4px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.column-option:hover{color:var(--text-primary)}.column-option input{accent-color:var(--accent)}.assoc-section{margin-top:24px}.assoc-section h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:12px}.assoc-grid{display:flex;flex-wrap:wrap;gap:8px}.assoc-tag{font-size:12px;padding:4px 10px;background:var(--item-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.assoc-tag:hover{border-color:var(--accent);background:#6366f11a}.list-item{padding:14px 16px;background:var(--item-bg);border-bottom:1px solid var(--glass-border);cursor:pointer;transition:var(--transition)}.list-item:hover{background:var(--item-hover)}.list-item.selected{background:var(--accent);color:#fff}#main-content{flex:1;position:relative;background:#000}#map{height:100%;width:100%}#details-sidebar{width:380px;background:var(--bg-sidebar);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:101;box-shadow:-10px 0 30px #0000001a;transition:var(--transition);flex-shrink:0}#details-sidebar.hidden{width:0;opacity:0;pointer-events:none;border-left:none}#details-sidebar header{padding:24px;border-bottom:1px solid var(--glass-border)}#details-sidebar .sidebar-content{padding:24px}.details-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;opacity:.5;text-align:center;margin-top:100px}.detail-badge{display:inline-block;padding:4px 10px;background:var(--accent);border-radius:6px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:12px}.divider{height:1px;background:var(--glass-border);margin:16px 0}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.detail-row .label{color:var(--text-secondary)}.description{margin-top:16px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.leaflet-control-attribution{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px!important;border-radius:10px;margin:10px!important;color:var(--text-secondary)!important;font-size:11px!important}.leaflet-control-attribution a{color:var(--accent)!important}.leaflet-bar{margin-right:20px!important;margin-bottom:20px!important;border:none!important}.leaflet-bar a{background-color:var(--bg-sidebar)!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important;width:40px!important;height:40px!important;line-height:40px!important;font-size:18px!important;transition:var(--transition)}.leaflet-bar a:hover{background-color:var(--item-hover)!important;color:var(--accent)!important}.link-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--item-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500;margin-top:8px;transition:var(--transition)}.link-btn:hover{background:var(--item-hover);border-color:var(--accent)}.leaflet-control-attribution{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 8px!important;border-radius:8px}#land-use-legend{margin-top:16px;padding:16px;border-radius:12px;border:1px solid var(--glass-border)}.legend-header{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:12px}.legend-header i{color:var(--accent)}.legend-items{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary)}.swatch{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.swatch.industrial{background-color:#f59e0b;border-color:#d97706}.swatch.tech{background-color:#3b82f6;border-color:#2563eb}.swatch.commercial{background-color:#10b981;border-color:#059669}.swatch.residential{background-color:#94a3b8;border-color:#64748b}