:root{--color-primary: #002856;--color-primary-hover: rgba(0, 40, 86, 0.8);--color-primary-light: rgba(0, 40, 86, 0.9);--color-white: #ffffff;--color-white-overlay: rgba(255, 255, 255, 0.95);--color-white-backdrop: rgba(255, 255, 255, 0.98);--color-black-overlay: rgba(0, 0, 0, 0.6);--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e5e7eb;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #6b7280;--color-gray-600: #374151;--color-gray-800: #1f2937;--color-red-600: #dc2626;--color-red-700: #b91c1c;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--header-height: 80px;--nav-panel-width-mobile: 280px;--nav-panel-width-desktop: 320px;--border-radius: 0.25rem;--border-radius-lg: 0.25rem;--transition-fast: 0.2s ease;--transition-medium: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.1);--shadow-md: 0 6px 20px rgba(0, 0, 0, 0.15);--shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.2);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.25);--shadow-nav: 2px 0 20px rgba(0, 0, 0, 0.1);--shadow-footer: 0 -4px 12px rgba(0, 0, 0, 0.1);--font-system: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--z-backdrop: 1;--z-navigation: 10;--z-controls: 20;--z-mobile-controls: 30;--z-mobile-nav: 50;--z-modal: 1000;--z-modal-content: 9999}.w-full{width:100% !important}.max-w-lg{max-width:32rem !important}.max-w-2xl{max-width:42rem !important}.max-h-\[80vh\]{max-height:80vh !important}.overflow-y-auto{overflow-y:auto !important}footer{display:none}.campus-map-container{font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;height:100vh;width:100vw;overflow:hidden;border-radius:0 !important}#campus-map-root{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000}body.campus-map-active,html.campus-map-active{border-radius:0 !important;overflow:hidden !important}.button-base{border:none;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast);cursor:pointer}.button-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.button-primary:hover{background:var(--color-primary-hover)}.button-danger{background:rgba(220,38,38,.95);color:var(--color-white);border-color:var(--color-red-600)}.button-danger:hover{background:var(--color-red-700)}.hover-light:hover{background:linear-gradient(90deg, var(--color-gray-50) 0%, var(--color-gray-100) 100%)}.hover-primary:hover{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:var(--color-white)}.hover-primary-active{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-hover) 100%) !important;border-left:4px solid var(--color-primary) !important;color:var(--color-white) !important}.hover-primary-active:hover{background:linear-gradient(90deg, var(--color-primary-light) 0%, rgba(0, 40, 86, 0.7) 100%) !important;color:var(--color-white) !important}.navigation-panel{transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1000;height:100%;overflow:hidden;display:flex;flex-direction:column;border-radius:0 !important;position:relative}@media(max-width: 1023px){#nav-close{position:absolute !important;top:8px !important;right:8px !important;z-index:30 !important;background:hsla(0,0%,100%,.9) !important;border:none !important}#nav-toggle{background:#002856 !important;color:#fff !important;border-color:#002856 !important}#nav-toggle:hover{background:rgba(0,40,86,.8) !important}.navigation-panel{position:fixed;top:80px;left:0;bottom:0;height:auto;width:280px;background:#fff;box-shadow:2px 0 20px rgba(0,0,0,.1);border-radius:0 !important;transform:translateX(0);display:flex}.navigation-panel.hidden,.navigation-panel.-translate-x-full{display:flex !important;transform:translateX(-100%)}.navigation-panel:not(.hidden):not(.-translate-x-full){display:flex !important;transform:translateX(0)}}@media(min-width: 1024px){.navigation-panel{position:relative;width:320px;background:#fff;border-right:1px solid #e5e7eb;border-radius:0 !important;transform:none !important;display:flex !important}.navigation-panel.hidden,.navigation-panel.-translate-x-full{transform:none !important;display:flex !important}}#navigation-content{flex:1;overflow-y:auto;padding-bottom:40px;min-height:0}.location-item:hover{background:linear-gradient(90deg, #f8fafc 0%, #f1f5f9 100%)}.expand-arrow-area{padding:8px 12px;margin:-8px -4px;background:rgba(156,163,175,.1);border-radius:.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.expand-arrow-area:hover{background:rgba(0,40,86,.15);transform:scale(1.05)}.expand-arrow-area .chevron{color:#6b7280;font-size:.875rem;transition:all .2s ease}.expand-arrow-area:hover .chevron{color:#002856}.location-item.active{background:linear-gradient(90deg, #002856 0%, rgba(0, 40, 86, 0.8) 100%) !important;border-left:4px solid #002856 !important;color:#fff !important}.location-item.active:hover{background:linear-gradient(90deg, rgba(0, 40, 86, 0.9) 0%, rgba(0, 40, 86, 0.7) 100%) !important;color:#fff !important;border-left:4px solid #002856 !important}.sub-location:hover{background:linear-gradient(90deg, #002856 0%, rgba(0, 40, 86, 0.8) 100%);color:#fff}.sub-location.active{background:linear-gradient(90deg, #002856 0%, rgba(0, 40, 86, 0.8) 100%) !important;border-left:4px solid #002856 !important;color:#fff !important;font-weight:500;font-variation-settings:"wght" 500 !important}.sub-location.active:hover{background:linear-gradient(90deg, rgba(0, 40, 86, 0.9) 0%, rgba(0, 40, 86, 0.7) 100%) !important;color:#fff !important}.section-header{position:sticky;top:0;z-index:10;background:#002856;color:#fff}.section-header h4{font-size:.875rem;font-weight:600;font-variation-settings:"wght" 600;text-transform:uppercase;letter-spacing:.05em;color:#fff}.kml-layer-item:hover{background:linear-gradient(90deg, #f8fafc 0%, #f1f5f9 100%)}.kml-checkbox{width:16px;height:16px;accent-color:#002856}.kml-checkbox:checked+.layer-name{font-weight:500;font-variation-settings:"wght" 500;color:#002856}.search-results{background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(0,0,0,.1);border-radius:0 0 .25rem .25rem;z-index:50}.search-result-item:hover{background:linear-gradient(90deg, #002856 0%, rgba(0, 40, 86, 0.8) 100%);color:#fff !important}.search-result-item:hover *{color:#fff !important}.search-result-card{transition:all .2s ease}.search-result-card:hover{transform:translateY(-2px)}.autocomplete-item{transition:background-color .2s ease}.autocomplete-item:hover{background:#002856;color:#fff !important}.autocomplete-item:hover *{color:#fff !important}.autocomplete-item[data-item-type=ai-query]{border-left:4px solid #3b82f6;background:linear-gradient(90deg, #eff6ff 0%, #dbeafe 100%);transition:all .2s ease}.autocomplete-item[data-item-type=ai-query]:hover{background:linear-gradient(90deg, #dbeafe 0%, #bfdbfe 100%);border-left:4px solid #2563eb}.autocomplete-item[data-item-type=ai-query] .fa-stars{color:#3b82f6;transition:color .2s ease}.autocomplete-item[data-item-type=ai-query]:hover .fa-stars{color:#2563eb}.autocomplete-item[data-item-type=ai-loading]{border-left:4px solid #f59e0b;background:linear-gradient(90deg, #fefbf3 0%, #fef3c7 100%);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}[data-item-type=ai-response]{border-left:4px solid #10b981 !important;background:linear-gradient(90deg, #f0fdf4 0%, #dcfce7 100%) !important;max-width:none !important;white-space:normal !important}[data-item-type=ai-response]:hover{background:linear-gradient(90deg, #f0fdf4 0%, #dcfce7 100%) !important;transform:none !important}[data-item-type=ai-error]{border-left:4px solid #ef4444 !important;background:linear-gradient(90deg, #fef2f2 0%, #fee2e2 100%) !important}#search-autocomplete{border-top:none;box-shadow:0 10px 25px rgba(0,0,0,.1);z-index:9999;position:fixed;max-height:60vh;overflow-y:auto}@media(max-width: 640px){#search-autocomplete{max-height:50vh;left:16px !important;right:16px !important;width:calc(100vw - 32px) !important}}#search-input:focus+#search-autocomplete{border-color:#002856}#search-modal .modal-content{overflow:visible;max-height:none;width:100%;max-width:500px;margin:0 16px}#search-modal .modal-content>div:last-child{overflow:visible;position:relative}@media(max-width: 640px){#search-modal .modal-content{max-width:calc(100vw - 32px);margin:0 16px}#search-modal .modal-content .p-4{padding:16px}}.map-controls{display:flex;flex-direction:column;gap:8px}.map-control-button{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border:1px solid #e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .2s ease;border-radius:.25rem;font-weight:500;font-variation-settings:"wght" 500;padding:8px 16px;color:#374151}.map-control-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.map-control-button.danger{background:rgba(220,38,38,.95);color:#fff;border-color:#dc2626}.map-control-button.danger:hover{background:#b91c1c}.map-control-button.primary{background:#002856;color:#fff;border-color:#002856}.map-control-button.primary:hover{background:rgba(0,40,86,.8)}.modal-overlay{background:rgba(0,0,0,.6);backdrop-filter:blur(5px);animation:fadeIn .2s ease;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:.25rem;box-shadow:0 25px 50px rgba(0,0,0,.25);animation:slideUp .3s cubic-bezier(0.4, 0, 0.2, 1);max-width:100%;max-height:90vh;overflow-y:auto}@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-spinner{width:32px;height:32px;border:4px solid #e5e7eb;border-top:4px solid #002856;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mobile-footer{background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);border-top:1px solid #e5e7eb;box-shadow:0 -4px 12px rgba(0,0,0,.1);position:absolute;bottom:0;left:0;right:0;padding:8px}.overflow-y-auto::-webkit-scrollbar{width:6px}.overflow-y-auto::-webkit-scrollbar-track{background:#f8fafc}.overflow-y-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:.25rem}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}.focus-visible:focus,button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #002856;outline-offset:2px}.transition-transform{transition:transform .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease}.hidden{display:none !important}.navigation-section{border-bottom:1px solid #e5e7eb}.section-content{min-height:0}.kml-layer-item label{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.kml-layer-item label:hover{background:linear-gradient(90deg, #002856 0%, rgba(0, 40, 86, 0.8) 100%);color:#fff}.kml-checkbox{margin-right:12px;width:16px;height:16px;accent-color:#002856}.layer-name{font-weight:500;font-variation-settings:"wght" 500;color:#374151}.layers-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.layers-modal-content{background:#fff;border-radius:.25rem;box-shadow:0 20px 50px rgba(0,0,0,.2);max-width:400px;width:100%;max-height:80vh;overflow:hidden}.layers-modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:between}.layers-modal-body{padding:16px 0;max-height:60vh;overflow-y:auto}.layer-toggle-item{padding:12px 20px;border-bottom:1px solid #f3f4f6}.layer-toggle-item:last-child{border-bottom:none}.layer-toggle-label{display:flex;align-items:center;cursor:pointer;font-weight:500;font-variation-settings:"wght" 500;color:#374151}.layer-toggle-checkbox{margin-right:12px;width:18px;height:18px;accent-color:#002856}.layer-color-indicator{width:16px;height:16px;border-radius:50%;margin-left:auto;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}@media(max-width: 640px){.mobile-footer .footer-button{font-size:14px;padding:10px 8px;background:#002856;color:#fff;border-color:#002856}.mobile-footer .footer-button:hover{background:rgba(0,40,86,.8)}}@media(prefers-contrast: high){.navigation-panel{background:#fff;border-color:#000}.location-item:hover{background:#000;color:#fff}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}