*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow:hidden}.app-container{display:flex;height:100vh}.sidebar{width:320px;background:#fff;border-right:1px solid #e5e7eb;padding:24px;overflow-y:auto;flex-shrink:0}.sidebar h1{font-size:24px;font-weight:700;color:#111827;margin-bottom:4px}.subtitle{font-size:14px;color:#6b7280;margin-bottom:24px}.sidebar h2{font-size:16px;font-weight:600;color:#111827;margin-bottom:12px;margin-top:24px}.sidebar h2:first-of-type{margin-top:0}.sidebar h3{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.sidebar section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.sidebar section:last-child{border-bottom:none}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.stat{background:#f9fafb;padding:16px;border-radius:8px;text-align:center}.stat-value{display:block;font-size:28px;font-weight:700;color:#111827;margin-bottom:4px}.stat-label{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-hoyt{background:#ecfdf5}.stat-hoyt .stat-value{color:#059669}.stat-middels{background:#fef3c7}.stat-middels .stat-value{color:#d97706}.stat-lavt{background:#fee2e2}.stat-lavt .stat-value{color:#dc2626}.filter-group{margin-bottom:20px}.filter-group h3{margin-bottom:10px}.areal-display{display:flex;justify-content:space-between;margin-bottom:10px}.areal-verdi{font-size:12px;color:#374151;font-weight:600}.dual-range{position:relative;height:28px;margin-bottom:4px}.dual-range__track{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:4px;background:#e5e7eb;border-radius:2px;pointer-events:none}.dual-range__fill{position:absolute;height:100%;background:#22c55e;border-radius:2px}.dual-range input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:28px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:all;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #22c55e;cursor:pointer;box-shadow:0 1px 4px #00000026}.dual-range input[type=range]::-moz-range-thumb{pointer-events:all;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #22c55e;cursor:pointer;box-shadow:0 1px 4px #00000026}.dual-range input[type=range]::-moz-range-track{background:transparent}.areal-info{font-size:11px;color:#9ca3af;margin-top:6px;line-height:1.4}.category-chips{display:flex;flex-direction:column;gap:8px}.cat-chip{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s,opacity .15s}.cat-chip input[type=checkbox]{display:none}.cat-chip__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cat-chip--delbar .cat-chip__dot{background:#22c55e}.cat-chip--ubebygd .cat-chip__dot{background:#eab308}.cat-chip--rives .cat-chip__dot{background:#3b82f6}.cat-chip__text{display:flex;flex-direction:column;gap:2px;line-height:1}.cat-chip__text strong{font-size:13px;font-weight:600;color:#111827}.cat-chip__text em{font-style:normal;font-size:11px;color:#9ca3af}.cat-chip--delbar:has(input:checked){background:#f0fdf4;border-color:#86efac}.cat-chip--ubebygd:has(input:checked){background:#fefce8;border-color:#fde047}.cat-chip--rives:has(input:checked){background:#eff6ff;border-color:#93c5fd}.cat-chip:has(input:not(:checked)){opacity:.45;background:#f9fafb;border-color:#e5e7eb}.cat-chip:has(input:not(:checked)) .cat-chip__dot{filter:grayscale(1)}.cat-chip:hover{opacity:1}.cat-chip--delbar:hover{background:#f0fdf4;border-color:#86efac}.cat-chip--ubebygd:hover{background:#fefce8;border-color:#fde047}.cat-chip--rives:hover{background:#eff6ff;border-color:#93c5fd}.legend-item{display:flex;align-items:center;margin-bottom:12px;font-size:14px;color:#374151}.legend-color{width:20px;height:20px;border-radius:4px;margin-right:12px;border:1px solid rgba(0,0,0,.1)}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.popup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.popup h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.popup p{font-size:14px;color:#374151;margin-bottom:8px;line-height:1.5}.popup strong{color:#111827;font-weight:600}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid #e5e7eb}.map-container{height:60vh}.stat-grid{grid-template-columns:repeat(2,1fr)}}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px 32px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;font-size:16px;color:#374151;z-index:1000}.kommune-velger{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kommune-velger[hidden]{display:none}.kommune-velger__inner{background:#fff;border-radius:20px;padding:44px 40px 36px;box-shadow:0 32px 64px #0003,0 8px 24px #0000001a;max-width:480px;width:calc(100% - 40px)}.kommune-velger__tittel,.kommune-velger__ingress{text-align:center}.kommune-velger__tittel{font-size:26px;font-weight:800;color:#111827;margin-bottom:6px;letter-spacing:-.5px}.kommune-velger__ingress{font-size:14px;color:#9ca3af;margin-bottom:20px}.kommune-velger__sok{width:100%;padding:11px 16px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;box-sizing:border-box;margin-bottom:8px;background:#f9fafb;color:#111827;transition:border-color .15s,box-shadow .15s}.kommune-velger__sok::placeholder{color:#9ca3af}.kommune-velger__sok:focus{border-color:#22c55e;background:#fff;box-shadow:0 0 0 3px #22c55e1f}.kommune-velger__liste{list-style:none;width:100%;border:1.5px solid #e5e7eb;border-radius:12px;box-sizing:border-box;padding:6px;margin-bottom:16px;background:#f9fafb;max-height:260px;overflow-y:auto}.kommune-velger__liste li{padding:10px 14px;border-radius:8px;cursor:pointer;transition:background-color .1s;line-height:1.3}.kommune-velger__liste li:hover{background-color:#f0fdf4}.kommune-velger__liste li.valgt{background-color:#dcfce7}.kommune-velger__liste li strong{display:block;font-size:14px;font-weight:600;color:#111827}.kommune-velger__liste li.valgt strong{color:#15803d}.kommune-velger__liste li span{font-size:12px;color:#9ca3af}.kommune-velger__btn{width:100%;padding:13px;border-radius:12px;border:none;background:#22c55e;color:#fff;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.1px;transition:background .15s,transform .1s,opacity .15s}.kommune-velger__btn:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.kommune-velger__btn:active:not(:disabled){transform:translateY(0)}.kommune-velger__btn:disabled{opacity:.35;cursor:not-allowed}.kommune-dropdown-wrapper{position:relative;margin-bottom:20px}.kommune-dropdown{width:100%;padding:10px 36px 10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;background-color:#f9fafb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2322c55e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;font-size:14px;font-weight:600;color:#111827;cursor:pointer;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background-color .15s}.kommune-dropdown::placeholder{color:#9ca3af;font-weight:400}.kommune-dropdown:hover{border-color:#86efac;background-color:#f0fdf4}.kommune-dropdown:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f;background-color:#fff}.kommune-dropdown-liste{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;list-style:none;margin:0;padding:6px;max-height:240px;overflow-y:auto;z-index:1000}.kommune-dropdown-liste li{padding:9px 12px;border-radius:8px;font-size:13px;color:#374151;cursor:pointer;transition:background-color .1s;line-height:1.4}.kommune-dropdown-liste li:hover{background-color:#f0fdf4}.kommune-dropdown-liste li.valgt{background-color:#dcfce7;color:#15803d;font-weight:600}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#f9fafb}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}