*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0f8a6a;--secondary: #d4b25e;--accent-red: #c9515e;--accent-blue: #5e8bc9;--bg: #f5f7fa;--bg-white: #ffffff;--text: #1a1a1a;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: #e5e7eb;--timeline-dark: #1a1f2e;--timeline-darker: #252b3d;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6;min-height:100vh}body:not(.loaded){opacity:0}body.loaded{opacity:1;transition:opacity .3s ease-in}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700;line-height:1.3;color:var(--text)}::selection{background:#0f8a6a33;color:var(--text)}::-moz-selection{background:#0f8a6a33;color:var(--text)}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1f2ef2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.loading-overlay.active{opacity:1;pointer-events:all}.spinner{width:50px;height:50px;border:4px solid rgba(15,138,106,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:#fff;margin-top:var(--spacing-md);font-size:14px}.loading-overlay.error .error-message{text-align:center;color:#fff}.loading-overlay.error .error-message i{font-size:48px;color:#f87171;margin-bottom:var(--spacing-lg)}.loading-overlay.error .error-message p{font-size:16px;margin:var(--spacing-md) 0}.loading-overlay.error .retry-btn{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.loading-overlay.error .retry-btn:hover{background:#0d7456;transform:translateY(-2px);box-shadow:var(--shadow-md)}.loading-overlay.error .retry-btn i{margin-right:var(--spacing-sm);font-size:14px;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hidden{display:none!important}.visible{display:block!important}.top-nav{background:linear-gradient(135deg,#fff,#f9fafb);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;height:70px;border-bottom:1px solid var(--border)}.nav-container{max-width:100%;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.logo i{font-size:28px;color:var(--primary)}.logo h1{font-family:Playfair Display,serif;font-size:22px;color:var(--text);font-weight:700;letter-spacing:-.5px}.nav-controls{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;justify-content:flex-end}.nav-filters{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1.5px solid var(--border);border-radius:20px;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.filter-chip:hover{border-color:var(--primary);box-shadow:0 2px 8px #0f8a6a26;transform:translateY(-1px)}.filter-chip input[type=checkbox]{display:none}.chip-icon{width:12px;height:12px;border-radius:50%;transition:all var(--transition-fast)}.chip-label{font-size:13px;font-weight:600;color:var(--text-secondary);transition:color var(--transition-fast)}.chip-count{background:var(--bg);padding:.15rem .45rem;border-radius:10px;font-size:11px;font-weight:700;color:var(--text-muted);transition:all var(--transition-fast)}.filter-chip input[type=checkbox]:checked~.chip-label{color:var(--text)}.filter-chip input[type=checkbox]:checked~.chip-count{background:var(--primary);color:#fff}.filter-chip input[type=checkbox]:not(:checked)~.chip-icon{opacity:.4}.filter-chip input[type=checkbox]:not(:checked)~.chip-label{color:var(--text-muted)}.vakif-color{background:#0f8a6a}.tapu-color{background:#e67e22}.sicil-color{background:#3498db}.ferman-color{background:#9b59b6}.map-view-toggle{display:flex;gap:.25rem;background:var(--bg);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.map-view-toggle .map-tab{background:transparent;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all var(--transition-fast)}.map-view-toggle .map-tab:hover{background:#0f8a6a1a;color:var(--primary)}.map-view-toggle .map-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0f8a6a4d}.time-range-dropdown{position:relative}.time-range-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 1rem;background:#fff;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);transition:all var(--transition-normal)}.time-range-btn:hover{border-color:var(--primary);box-shadow:0 2px 8px #0f8a6a26}.time-range-btn i{font-size:14px;color:var(--primary)}.time-range-panel{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-lg);min-width:250px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal)}.time-range-panel.active{opacity:1;visibility:visible;transform:translateY(0)}.time-inputs{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.time-inputs input[type=number]{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;width:100px}.time-inputs input[type=number]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f8a6a1a}.time-inputs span{color:var(--text-muted);font-weight:600}.apply-time-btn{width:100%;padding:.6rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.5rem}.apply-time-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #0f8a6a4d}.apply-time-btn i{font-size:12px}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.search-box{position:relative;margin-left:var(--spacing-md)}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.search-box input{padding:.6rem 1rem .6rem 2.5rem;border:1px solid var(--border);border-radius:8px;font-size:13px;width:200px;background:#fff;transition:all var(--transition-normal);font-family:inherit}.search-box input:focus{outline:none;border-color:var(--primary);width:250px;box-shadow:0 0 0 3px #0f8a6a1a}.search-box input::placeholder{color:var(--text-muted)}.lang-switcher{display:flex;gap:.25rem;background:var(--bg);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.lang-btn{background:transparent;border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;color:var(--text-secondary);transition:all var(--transition-fast)}.lang-btn:hover{background:#0f8a6a1a;color:var(--primary)}.lang-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0f8a6a4d}.hijri-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-normal)}.hijri-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.hijri-toggle i{font-size:16px}@media (max-width: 1200px){.nav-controls{gap:var(--spacing-md)}.nav-filters{gap:.4rem}.filter-chip{padding:.4rem .6rem}.chip-label{font-size:12px}}@media (max-width: 1024px){.nav-container{padding:0 var(--spacing-md)}.nav-controls{gap:var(--spacing-sm)}.logo h1{font-size:18px}.filter-chip .chip-label{display:none}.filter-chip{padding:.4rem;gap:.3rem}.chip-icon{width:14px;height:14px}}@media (max-width: 768px){.top-nav{height:auto;min-height:60px}.nav-container{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md)}.nav-controls{width:100%;margin-top:var(--spacing-sm);justify-content:space-between}.nav-filters{order:1}.map-view-toggle{order:2}.time-range-dropdown{order:3}.search-box{display:none}.nav-actions{order:4;gap:var(--spacing-sm)}.logo h1{font-size:16px}}@media (max-width: 480px){.hijri-toggle{padding:.4rem .6rem}.hijri-toggle span,.lang-switcher{display:none}.filter-chip{padding:.3rem}.chip-icon{width:12px;height:12px}.chip-count{font-size:10px;padding:.1rem .3rem}.time-range-btn span{display:none}.time-range-btn{padding:.5rem}}.main-container{display:flex;height:calc(100vh - 450px);min-height:450px}.left-panel{width:35%;background:#fff;overflow-y:auto;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;padding:var(--spacing-xl)}.left-panel::-webkit-scrollbar{width:8px}.left-panel::-webkit-scrollbar-track{background:#f1f1f1}.left-panel::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.left-panel::-webkit-scrollbar-thumb:hover{background:#0c6b52}.right-panel{flex:1;display:flex;flex-direction:column;background:#e8ecef;position:relative}@media (max-width: 1400px){.left-panel{width:38%;padding:var(--spacing-lg)}}@media (max-width: 1200px){.left-panel{width:40%}}@media (max-width: 1024px){.main-container{flex-direction:column;height:auto}.left-panel{width:100%;max-height:400px}.right-panel{min-height:450px}}.map-header{background:#fff;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.map-tabs{display:flex;gap:var(--spacing-sm)}.map-tab{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal)}.map-tab:hover{background:var(--bg);color:var(--text)}.map-tab.active{background:var(--primary);color:#fff}.map-stats{display:flex;gap:var(--spacing-lg)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-secondary)}.stat-item i{color:var(--primary)}.stat-item strong{font-weight:700;color:var(--text)}#map{flex:1;width:100%;z-index:1}.map-legend{position:absolute;bottom:2rem;right:2rem;background:#fff;padding:1rem 1.25rem;border-radius:10px;box-shadow:var(--shadow-lg);z-index:500}.map-legend h4{font-size:14px;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text)}.map-legend h4 i{color:var(--primary)}.legend-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-secondary)}.legend-color{width:20px;height:20px;border-radius:4px;box-shadow:0 2px 4px #0003}.mapbox-marker{cursor:pointer;transform-origin:bottom center;will-change:transform,opacity;opacity:0;transform:scale(0) translateY(20px);transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}.mapbox-marker.marker-show{opacity:1;transform:scale(1) translateY(0)}.islamic-marker-wrapper{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.marker-glow{position:absolute;width:70px;height:70px;background:radial-gradient(circle,var(--glow-color, #0f8a6a) 0%,transparent 70%);border-radius:50%;opacity:0;animation:islamicGlow 2.5s ease-in-out infinite;pointer-events:none;filter:blur(8px)}@keyframes islamicGlow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.islamic-pin{width:52px;height:52px;background:linear-gradient(135deg,var(--pin-color, #0f8a6a) 0%,color-mix(in srgb,var(--pin-color, #0f8a6a) 80%,black) 100%);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff4d,0 0 30px #0f8a6a4d;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.islamic-pin:before{content:"";position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 100%);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.islamic-pin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.4) 50%,transparent 70%);background-size:200% 200%;animation:shimmer 3s ease-in-out infinite;opacity:.5}@keyframes shimmer{0%,to{background-position:200% 50%}50%{background-position:-100% 50%}}.pin-star{position:absolute;color:gold;font-size:22px;animation:starTwinkle 3s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,215,0,1)) drop-shadow(0 0 12px rgba(255,215,0,.6));z-index:2}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1) rotate(0)}25%{opacity:.8;transform:scale(1.15) rotate(90deg)}50%{opacity:.9;transform:scale(1.1) rotate(180deg)}75%{opacity:.85;transform:scale(1.15) rotate(270deg)}}.pin-crescent{position:absolute;color:#fff;font-size:13px;top:6px;right:6px;opacity:.95;animation:crescentFloat 5s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(255,255,255,.8));z-index:2}@keyframes crescentFloat{0%,to{transform:translateY(0) rotate(0);opacity:.95}50%{transform:translateY(-4px) rotate(-5deg);opacity:1}}.marker-shadow{position:absolute;bottom:-10px;width:35px;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 50%,transparent 80%);border-radius:50%;animation:shadowPulse 3s ease-in-out infinite;filter:blur(2px)}@keyframes shadowPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.6}}.mapbox-marker.marker-selected .islamic-pin{transform:scale(1.2);box-shadow:0 8px 35px #ffd700b3,0 0 50px #0f8a6a80,inset 0 1px #ffffff80;filter:brightness(1.15) saturate(1.2)}.mapbox-marker.marker-selected .marker-glow{animation:selectedGlow 1.2s ease-in-out infinite}@keyframes selectedGlow{0%,to{opacity:.4;transform:scale(1.3)}50%{opacity:.8;transform:scale(1.7)}}.mapbox-marker.marker-selected .pin-star{animation:selectedStarSpin 2s ease-in-out infinite;font-size:24px;filter:drop-shadow(0 0 8px rgba(255,215,0,1)) drop-shadow(0 0 16px rgba(255,215,0,.8)) drop-shadow(0 0 24px rgba(255,215,0,.4))}@keyframes selectedStarSpin{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(180deg)}}.mapbox-marker.marker-bounce .islamic-pin{animation:islamicBounce 1.2s cubic-bezier(.34,1.56,.64,1)}@keyframes islamicBounce{0%{transform:translateY(0) scale(1.2)}20%{transform:translateY(-20px) scale(1.25) rotate(8deg)}40%{transform:translateY(-5px) scale(1.18) rotate(-4deg)}60%{transform:translateY(-12px) scale(1.22) rotate(3deg)}80%{transform:translateY(0) scale(1.2) rotate(0)}90%{transform:translateY(-4px) scale(1.21)}to{transform:translateY(0) scale(1.2)}}.mapbox-popup-minimal-wrapper .mapboxgl-popup-content{padding:.75rem;border-radius:8px;box-shadow:0 4px 16px #0000001f;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:200px}.mapbox-popup-minimal-wrapper .mapboxgl-popup-tip{border-top-color:#fff}.mapbox-popup-minimal{position:relative}.popup-close{position:absolute;top:-.35rem;right:-.35rem;width:20px;height:20px;border-radius:50%;background:var(--text);color:#fff;border:2px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;transition:all .2s ease;z-index:10;box-shadow:0 2px 6px #0003}.popup-close:hover{background:#dc2626;transform:scale(1.1)}.popup-close:active{transform:scale(.95)}.popup-category-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#fff;margin-bottom:.5rem}.mapbox-popup-minimal .popup-title{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;margin:0 0 .5rem}.popup-meta-inline{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.popup-meta-inline span{display:flex;align-items:center;gap:.25rem;font-size:10px;color:var(--text-secondary)}.popup-meta-inline i{color:var(--primary);font-size:9px}.mapbox-popup-minimal .popup-details-btn{width:100%;padding:.5rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;display:block;text-align:center}.mapbox-popup-minimal .popup-details-btn:hover{background:#0c6b52;transform:translateY(-1px);box-shadow:0 4px 12px #0f8a6a4d}.mapbox-popup-minimal .popup-details-btn:active{transform:translateY(0)}.popup-title{padding:1.25rem 1.25rem .75rem;font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text);line-height:1.4;margin:0}.popup-description{padding:0 1.25rem;font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.popup-meta{padding:0 1rem;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:.75rem}.popup-meta div{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.popup-meta i{color:var(--primary);width:14px}.custom-popup p{padding:0 1rem;font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.popup-details-btn{width:calc(100% - 2.5rem);margin:0 1.25rem 1.25rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#0f8a6a,#0c6b52);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0f8a6a33}.popup-details-btn:hover{background:linear-gradient(135deg,#0c6b52,#0a5840);transform:translateY(-2px);box-shadow:0 6px 20px #0f8a6a59}.popup-details-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0f8a6a4d}.popup-btn{width:calc(100% - 2.5rem);margin:0 1.25rem 1.25rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#0f8a6a,#0c6b52);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0f8a6a33}.popup-btn:hover{background:linear-gradient(135deg,#0c6b52,#0a5840);transform:translateY(-2px);box-shadow:0 6px 20px #0f8a6a59}.mapboxgl-popup-close-button{display:none}@media (max-width: 768px){.map-legend{bottom:1rem;right:1rem;padding:.75rem 1rem}.marker-pin{width:32px;height:32px}.custom-popup-wrapper .mapboxgl-popup-content{width:240px!important}}.custom-marker-icon{background:transparent!important;border:none!important;cursor:pointer}.marker-pin{width:40px;height:40px;border-radius:50% 50% 50% 0;background:var(--primary);position:relative;transform:rotate(-45deg);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.marker-pin:after{content:"";width:14px;height:14px;background:#fff;border-radius:50%;position:absolute}.marker-pin i{position:absolute;color:#fff;font-size:14px;transform:rotate(45deg);z-index:1}.marker-pulse{width:40px;height:40px;border-radius:50%;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;opacity:0;transform-origin:center center;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(1) rotate(45deg);opacity:.8}to{transform:scale(2) rotate(45deg);opacity:0}}.custom-marker-icon.marker-hover .marker-pin{transform:rotate(-45deg) scale(1.15);box-shadow:0 6px 20px #0006}.custom-marker-icon.marker-selected .marker-pin{transform:rotate(-45deg) scale(1.25);box-shadow:0 8px 24px #0f8a6a99}.custom-marker-icon.marker-bounce{animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.marker-cluster-wrapper{background:none!important;border:none!important}.marker-cluster-custom{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;background:var(--primary);box-shadow:0 4px 12px #0f8a6a66;border:3px solid white;transition:all .3s ease}.marker-cluster-custom:hover{transform:scale(1.1);box-shadow:0 6px 16px #0f8a6a99}.marker-cluster-small{width:35px;height:35px;font-size:12px}.marker-cluster-medium{width:45px;height:45px;font-size:15px;background:#d4b25e;box-shadow:0 4px 12px #d4b25e66}.marker-cluster-large{width:50px;height:50px;font-size:16px;background:#c9515e;box-shadow:0 4px 12px #c9515e66}.event-network-pin{position:relative;width:32px;height:32px;animation:networkPinAppear .6s cubic-bezier(.34,1.56,.64,1)}@keyframes networkPinAppear{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.3) rotate(180deg);opacity:.7}to{transform:scale(1) rotate(360deg);opacity:1}}.network-pin-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:radial-gradient(circle,var(--glow-color, #FFD700) 0%,transparent 70%);border-radius:50%;opacity:.6;animation:networkGlow 2s ease-in-out infinite;filter:blur(8px)}@keyframes networkGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:.9}}.network-pin-core{position:absolute;top:0;right:0;bottom:0;left:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;box-shadow:0 0 12px #ffd70099,inset 0 1px #ffffff4d;animation:networkPulse 2s ease-in-out infinite;z-index:2}@keyframes networkPulse{0%,to{box-shadow:0 0 12px #ffd70099,inset 0 1px #ffffff4d}50%{box-shadow:0 0 20px #ffd700e6,0 0 30px #ffd70080,inset 0 1px #ffffff80}}.network-pin-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid rgba(255,215,0,.6);border-radius:50%;animation:networkRingPulse 2s ease-in-out infinite}@keyframes networkRingPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.5);opacity:.8}to{transform:scale(2);opacity:0}}.network-event-popup .mapboxgl-popup-content{background:linear-gradient(135deg,#000000e6,#143c28f2);color:gold;padding:.75rem;border-radius:8px;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 20px #00000080,0 0 30px #ffd70033;min-width:150px}.network-popup-content h4{margin:0 0 .25rem;font-size:13px;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.network-popup-content p{margin:0;font-size:11px;color:silver;opacity:.9}.network-event-popup .mapboxgl-popup-tip{border-top-color:#000000e6}.timeline-container{background:var(--timeline-dark);height:380px;border-top:3px solid var(--primary);display:flex;flex-direction:column;position:relative}.timeline-header{background:var(--timeline-darker);padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.timeline-info h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:.25rem}.timeline-info p{color:var(--text-muted);font-size:12px}.timeline-nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:16px;transition:all var(--transition-normal)}.timeline-nav-btn:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.05)}.timeline-content{flex:1;position:relative;overflow:hidden}.timeline-canvas{width:100%;height:280px;display:block;background:var(--timeline-darker);cursor:default}.timeline-controls{position:absolute;top:12px;right:20px;display:flex;gap:8px;z-index:10}.zoom-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.zoom-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px #0f8a6a66}.zoom-btn i{font-size:10px}.cluster-popover{position:fixed;width:340px;max-height:480px;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0000004d;overflow:hidden;z-index:2000;opacity:0;transform:scale(.92) translateY(10px);transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.cluster-popover.visible{opacity:1;transform:scale(1) translateY(0);pointer-events:all}.cluster-popover-header{padding:16px 18px;background:var(--timeline-darker);color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--primary)}.cluster-popover-header strong{font-size:18px;font-weight:700;margin-right:8px}.cluster-count-badge{display:inline-block;padding:4px 8px;background:var(--primary);border-radius:12px;font-size:11px;font-weight:700;margin-left:8px}.cluster-popover-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all var(--transition-fast)}.cluster-popover-close:hover{background:#ffffff26;transform:scale(1.1)}.cluster-popover-content{max-height:400px;overflow-y:auto;padding:12px}.cluster-popover-content::-webkit-scrollbar{width:6px}.cluster-popover-content::-webkit-scrollbar-track{background:var(--bg);border-radius:3px}.cluster-popover-content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.cluster-doc-item{padding:14px;border-left:4px solid;background:var(--bg);border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.cluster-doc-item:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translate(4px)}.cluster-doc-item:last-child{margin-bottom:0}.cluster-doc-header{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.cluster-doc-category{display:inline-block;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.cluster-doc-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.4;margin:0}.cluster-doc-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary);margin-bottom:10px}.cluster-doc-meta i{color:var(--primary);font-size:11px}.cluster-doc-actions{display:flex;gap:8px}.cluster-doc-btn{flex:1;padding:8px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition-fast)}.cluster-doc-btn i{font-size:10px}.btn-detail{background:var(--primary);color:#fff}.btn-detail:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0f8a6a4d}.btn-map{background:#fff;color:var(--text-secondary);border:2px solid var(--border)}.btn-map:hover{border-color:var(--primary);color:var(--primary);background:#0f8a6a0d}.cluster-doc-item-compact{padding:10px 12px;border-left:3px solid;background:var(--bg);border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:10px}.cluster-doc-item-compact:hover{background:#fff;box-shadow:0 2px 8px #0000000f;transform:translate(2px)}.cluster-doc-item-compact:last-child{margin-bottom:0}.cluster-doc-title-compact{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;flex:1}.cluster-doc-actions-compact{display:flex;gap:4px}.cluster-doc-btn-compact{padding:6px 10px;border-radius:4px;font-size:12px;cursor:pointer;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cluster-doc-btn-compact:hover{background:var(--primary-dark);transform:scale(1.05)}.cluster-doc-btn-compact i{font-size:11px}.timeline-minimap{height:70px;background:#2d3548;border-top:1px solid rgba(255,255,255,.1);padding:0 var(--spacing-xl);display:flex;align-items:center}#minimap-canvas{width:100%;height:50px;cursor:pointer}@media (max-width: 1024px){.timeline-container{height:320px}.timeline-canvas{height:240px}.timeline-controls{top:8px;right:12px;gap:6px}.zoom-btn{padding:6px 10px;font-size:11px}.zoom-btn span{display:none}.cluster-popover{width:300px}}@media (max-width: 768px){.timeline-container{height:280px}.timeline-canvas{height:200px}.timeline-header{padding:.75rem var(--spacing-md)}.timeline-info h3{font-size:14px}.timeline-info p{font-size:11px}.timeline-controls{top:6px;right:8px;gap:4px}.zoom-btn{padding:6px 8px;font-size:10px}.cluster-popover{width:280px;max-height:360px}.cluster-doc-item{padding:10px}.cluster-doc-title{font-size:13px}.cluster-doc-btn{padding:6px 8px;font-size:10px}}@media (max-width: 480px){.timeline-minimap{height:60px;padding:0 var(--spacing-md)}#minimap-canvas{height:40px}.cluster-popover{width:calc(100vw - 40px);left:20px!important;right:20px!important}}.document-detail{flex:1;overflow-y:auto}.document-detail .empty-state{text-align:center;padding:4rem 2rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.document-detail .empty-state i{font-size:64px;color:var(--border);margin-bottom:var(--spacing-lg)}.document-detail .empty-state h3{font-size:20px;color:var(--text-secondary);margin-bottom:var(--spacing-md);font-weight:600}.document-detail .empty-state p{font-size:14px;color:var(--text-muted);line-height:1.7;max-width:400px}.document-detail .doc-card{background:linear-gradient(135deg,#f6f8fb,#fff);border-radius:12px;padding:var(--spacing-xl);border:2px solid var(--border);border-left-width:5px;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.document-detail .doc-card h3{font-family:Playfair Display,serif;font-size:24px;color:var(--primary);margin-bottom:var(--spacing-lg);line-height:1.4}.document-detail .doc-meta{display:flex;flex-direction:column;gap:1rem;margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:#fff;border-radius:10px;border-left:5px solid var(--primary)}.document-detail .doc-meta-item{display:flex;align-items:center;gap:1rem;font-size:14px}.document-detail .doc-meta-item i{color:var(--primary);width:24px;font-size:16px}.document-detail .doc-meta-item strong{font-weight:600;min-width:90px;color:var(--text)}.document-detail .doc-meta-item span{color:var(--text-secondary);flex:1}.document-detail .doc-description{font-size:15px;color:var(--text-secondary);line-height:1.8;margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:#0f8a6a08;border-radius:8px}.document-detail .doc-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:var(--spacing-lg)}.doc-btn{padding:.75rem;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-normal)}.doc-btn-primary{background:var(--primary);color:#fff;grid-column:1 / -1}.doc-btn-primary:hover{background:#0c6b52;transform:translateY(-2px);box-shadow:0 4px 12px #0f8a6a4d}.doc-btn-secondary{background:#fff;color:var(--text-secondary);border:2px solid var(--border)}.doc-btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:#0f8a6a0d}.keyboard-help-btn{position:fixed;bottom:2rem;left:2rem;width:50px;height:50px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-lg);z-index:1000;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.keyboard-help-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.keyboard-help-btn i{font-size:20px}.keyboard-help-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:9999;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.keyboard-help-modal[aria-hidden=false]{display:flex}.keyboard-help-content{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #00000080;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.keyboard-help-content h3{margin-bottom:var(--spacing-md);font-size:1.5rem;color:var(--text);display:flex;align-items:center;gap:var(--spacing-sm)}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-secondary);line-height:1;transition:color var(--transition-fast)}.close-modal:hover{color:var(--text)}.keyboard-shortcuts{display:flex;flex-direction:column;gap:var(--spacing-md)}.shortcut-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:6px;transition:background var(--transition-fast)}.shortcut-item:hover{background:var(--bg)}kbd{display:inline-block;padding:.25rem .5rem;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;font-family:Courier New,monospace;font-size:13px;font-weight:600;box-shadow:0 2px #999;min-width:2rem;text-align:center}.shortcut-item span{font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.keyboard-help-content{padding:var(--spacing-lg)}.keyboard-help-btn{width:45px;height:45px;bottom:1rem;left:1rem}.keyboard-help-btn i{font-size:18px}}@media print{.top-nav,.timeline-container,.map-legend,.loading-overlay,.filter-section,.time-range-section,.keyboard-help-btn,.keyboard-help-modal{display:none!important}.main-container{height:auto!important;display:block}.left-panel{width:100%;page-break-inside:avoid}.right-panel{width:100%;min-height:600px;page-break-inside:avoid}}@media (prefers-contrast: high){.filter-item{border:2px solid var(--text)}.event-card{border:2px solid white}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none;border:4px solid var(--primary)}}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{background:#fff;border-radius:12px;padding:var(--spacing-md);min-width:300px;max-width:400px;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:all;border-left:4px solid var(--primary)}.toast.show{opacity:1;transform:translate(0)}.toast-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.toast-content i{font-size:20px;flex-shrink:0}.toast-content span{font-size:14px;line-height:1.5;color:var(--text)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:var(--border);color:var(--text)}.toast-close i{font-size:14px}.toast-success{border-left-color:#10b981}.toast-success .toast-content i{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-content i{color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-content i{color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-info .toast-content i{color:#3b82f6}@media (max-width: 768px){.toast-container{top:60px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}.document-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001;display:none;align-items:center;justify-content:center}.document-modal.active{display:flex}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{position:relative;background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s ease;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.modal-header h2{margin:0;font-size:22px;flex:1}.modal-close{background:none;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--text-muted)}.modal-close:hover{background:var(--border);color:var(--text)}.modal-close i{font-size:20px}.modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.modal-tabs{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg) 0;border-bottom:2px solid var(--border)}.modal-tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);margin-bottom:-2px}.modal-tab:hover{color:var(--primary)}.modal-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.modal-tab i{margin-right:var(--spacing-sm)}.modal-tab-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.tab-pane{display:none}.tab-pane.active{display:block}.doc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.doc-info-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.doc-info-item.full-width{grid-column:1 / -1}.doc-info-item label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.doc-info-item label i{margin-right:var(--spacing-sm);color:var(--primary)}.doc-info-item span{font-size:15px;color:var(--text)}.doc-category{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;font-weight:600}.doc-info-item p{font-size:15px;line-height:1.7;color:var(--text);margin:0}.doc-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.doc-tags .tag{padding:4px 12px;background:var(--bg);border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-secondary)}.doc-image-viewer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);min-height:400px}.doc-image-viewer img{max-width:100%;max-height:500px;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-md);transition:transform .3s ease}.image-controls{display:flex;gap:var(--spacing-sm)}.image-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.image-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.doc-pdf-viewer{min-height:500px}.doc-pdf-viewer iframe{width:100%;height:500px;border-radius:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted)}.empty-state i{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.3}.empty-state p{font-size:16px}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex;gap:var(--spacing-md);justify-content:flex-end}.modal-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast)}.modal-btn i{font-size:14px}.modal-btn-primary{background:var(--primary);color:#fff}.modal-btn-primary:hover{background:#0d7456;transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.modal-btn-secondary:hover{background:var(--border)}@media (max-width: 768px){.modal-content{width:95%;max-height:95vh}.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:18px}.modal-tabs{padding:var(--spacing-sm) var(--spacing-md) 0}.modal-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:12px}.modal-tab span{display:none}.modal-tab-content{padding:var(--spacing-md)}.doc-info-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-btn{width:100%;justify-content:center}}@keyframes marker-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.route-arrow-marker{z-index:400!important;pointer-events:none}.area-visualization{transition:fill-opacity .3s ease,stroke-width .3s ease}.area-visualization:hover{cursor:pointer;filter:brightness(1.1)}.circle-visualization{transition:fill-opacity .3s ease,stroke-width .3s ease}.circle-visualization:hover{cursor:pointer;filter:drop-shadow(0 0 8px currentColor)}.pulse-circle{pointer-events:none;transition:opacity .1s ease}.pulse-circle-1{z-index:398!important}.pulse-circle-2{z-index:397!important}.building-visualization{transition:fill-opacity .3s ease,stroke-width .3s ease}.building-visualization:hover{cursor:pointer;filter:brightness(1.15)}.building-shadow{pointer-events:none;z-index:350!important}.building-wall-3d{pointer-events:none;z-index:351!important}.building-roof-3d{pointer-events:none;z-index:352!important}.building-circle{border-radius:50%}.leaflet-ant-path{z-index:400!important}.route-highlight{filter:drop-shadow(0 0 8px currentColor);transition:stroke-width .3s ease}.leaflet-overlay-pane{z-index:400}.leaflet-marker-pane{z-index:600}.leaflet-popup-pane{z-index:700}.leaflet-interactive{transition:filter .3s ease}@media (max-width: 768px){.pulse-circle,.building-wall-3d,.building-roof-3d{display:none}.route-arrow-marker:nth-child(2n){display:none}}.marker-pin,.pulse-circle,.area-visualization,.circle-visualization,.building-visualization{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.custom-popup.visualization-route .popup-header{background:linear-gradient(135deg,#5e8bc91a,#5e8bc90d)}.custom-popup.visualization-area .popup-header{background:linear-gradient(135deg,#0f8a6a1a,#0f8a6a0d)}.custom-popup.visualization-circle .popup-header{background:linear-gradient(135deg,#c9515e1a,#c9515e0d)}.custom-popup.visualization-building .popup-header{background:linear-gradient(135deg,#d4b25e1a,#d4b25e0d)}@media (prefers-reduced-motion: reduce){.marker-bounce,.pulse-circle,.leaflet-ant-path{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.area-visualization,.circle-visualization,.building-visualization{stroke-width:3px!important;opacity:1!important}}@media (max-width: 1024px){.main-container{height:calc(100vh - 370px)}.left-panel{width:40%;padding:var(--spacing-md)}.timeline-container{height:250px}.document-detail .doc-card{padding:var(--spacing-lg)}.document-detail .doc-card h3{font-size:20px}.document-detail .doc-meta-item{font-size:13px}}@media (max-width: 768px){.top-nav{height:auto;min-height:60px}.logo h1{font-size:16px}.main-container{flex-direction:column;height:auto;min-height:500px}.left-panel{width:100%;max-height:400px;padding:var(--spacing-md);border-bottom:1px solid var(--border)}.document-detail .empty-state{padding:2rem 1rem}.document-detail .empty-state i{font-size:48px}.document-detail .empty-state h3{font-size:16px}.document-detail .doc-card{padding:var(--spacing-md)}.document-detail .doc-card h3{font-size:18px}.document-detail .doc-meta{padding:var(--spacing-md)}.document-detail .doc-meta-item{font-size:12px;gap:.75rem}.document-detail .doc-meta-item strong{min-width:70px}.document-detail .doc-description{font-size:14px}.right-panel{min-height:400px}.mobile-filter-toggle:active{transform:scale(.95)}.mobile-filter-toggle i{font-size:20px}.right-panel{width:100%;border-radius:0}.map-header{padding:var(--spacing-sm)}.map-stats{font-size:12px}.map-legend{bottom:10px;right:10px;left:10px;padding:var(--spacing-sm)}.timeline-container{height:180px}.timeline-header{padding:var(--spacing-sm)}.timeline-header h3{font-size:14px}.timeline-header p{font-size:11px}.event-card{min-width:200px;padding:var(--spacing-sm)}.event-card h4{font-size:13px}.event-card .event-meta{font-size:11px}.filter-section h2,.time-range-section h2{font-size:14px}.filter-item{font-size:13px}.document-detail{padding:var(--spacing-md)}.doc-card h3{font-size:16px}.doc-actions{flex-direction:column}.doc-btn{width:100%}.keyboard-help-btn{bottom:170px;right:20px;width:40px;height:40px}.keyboard-help-modal .keyboard-help-content{width:90%;max-width:none;max-height:80vh;overflow-y:auto}}@media (max-width: 480px){.logo h1{font-size:14px}.logo i{font-size:20px}.nav-menu{flex-wrap:wrap}.hijri-toggle{display:none}.timeline-container{height:150px}.event-card{min-width:180px}.left-panel{max-width:100%;width:100%}}@media (max-height: 500px) and (orientation: landscape){.main-container{height:calc(100vh - 170px);margin-top:50px}.top-nav{height:50px}.timeline-container{height:120px}.left-panel{top:50px;height:calc(100vh - 50px)}}@media (min-width: 769px){.mobile-filter-toggle{display:none}}@media print{.top-nav,.left-panel,.timeline-container,.keyboard-help-btn,.mobile-filter-toggle{display:none!important}.main-container{margin-top:0;height:auto;grid-template-columns:1fr}.right-panel{border-radius:0}#map{height:600px!important}}