body{font-family:Inter,sans-serif;margin:0;padding:0}.nav-grid-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%}.nav-logo-area{display:flex;align-items:center;justify-self:start}.nav-controls-area{display:flex;align-items:center;gap:1rem;justify-self:end}.bulk-upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.popup-notification{min-width:300px;max-width:400px;padding:16px;border-radius:8px;box-shadow:0 10px 25px #0000001a;border-left:4px solid;background:#fff;display:flex;align-items:center;gap:12px;animation:slideInRight .3s ease-out;position:relative}.popup-notification.success{border-left-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.popup-notification.error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fef3f3)}.popup-notification.warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fefce8)}.popup-notification.info{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.popup-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.popup-notification.success .popup-icon{background:#10b981;color:#fff}.popup-notification.error .popup-icon{background:#ef4444;color:#fff}.popup-notification.warning .popup-icon{background:#f59e0b;color:#fff}.popup-notification.info .popup-icon{background:#3b82f6;color:#fff}.popup-content{flex-grow:1}.popup-title{font-weight:600;font-size:14px;margin-bottom:2px}.popup-message{font-size:13px;opacity:.8;line-height:1.4}.popup-close{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:none;cursor:pointer;opacity:.5;transition:opacity .2s}.popup-close:hover{opacity:1}.popup-progress{position:absolute;bottom:0;left:0;height:3px;background:#0000001a;border-radius:0 0 8px 8px;overflow:hidden}.popup-progress-bar{height:100%;background:currentColor;transition:width linear}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.popup-notification.removing{animation:slideOutRight .3s ease-in}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.progress-bar-animation{transition:width .5s ease-in-out}.processing-state{pointer-events:none;opacity:.7}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.success-card{background:linear-gradient(135deg,#10b981,#059669)}.error-card{background:linear-gradient(135deg,#ef4444,#dc2626)}@media(max-width:768px){.nav-grid-container{grid-template-columns:auto 1fr auto;gap:.5rem}.nav-controls-area{gap:.5rem}.nav-controls-area button{padding:.5rem}.nav-controls-area button span{display:none}.modal-content{margin:10px;max-width:calc(100vw - 20px)}.modal-content .grid-cols-2{grid-template-columns:1fr;gap:2px}}body.map-page{overflow:hidden;height:100vh;width:100vw}#map{height:calc(100vh - 64px)}#map-container,.flex.h-screen{height:calc(100vh - 64px);max-height:calc(100vh - 64px)}.sidebar{transition:all .3s ease;height:calc(100vh - 64px)!important;top:64px;max-height:calc(100vh - 64px)}.sidebar-closed{transform:translate(100%)}.sidebar-open{transform:translate(0)}.marker-popup{min-width:200px}.marker-list-item{display:flex;align-items:center;padding:.5rem;border-radius:.25rem;cursor:pointer}.marker-list-item:hover{background-color:#f9fafb}.marker-list-item.active{background-color:#eff6ff}.marker-color-indicator{width:.75rem;height:.75rem;border-radius:9999px;margin-right:.5rem}.marker-list-item.selected{background-color:#dbeafe;border-left:3px solid #3b82f6}.marker-numbered-color-indicator{width:1.5rem;height:1.5rem;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:.5rem;flex-shrink:0;text-shadow:1px 1px 1px rgba(0,0,0,.5);border:2px solid white;box-shadow:0 2px 4px #0000001a}.marker-list-item{cursor:grab}.marker-list-item:active{cursor:grabbing}.marker-list-item.dragging{opacity:.5;transform:rotate(2deg)}.marker-list-item.drag-over{border-top:2px solid #3b82f6;background-color:#f3f4f6}.unified-options-section #options-dropdown-content{transition:all .2s ease-in-out}.unified-options-section #options-dropdown-content.hidden{display:none}.unified-options-section button i{transition:transform .2s ease-in-out}.unified-options-section button i.rotate-180{transform:rotate(180deg)}.options-content-section{transition:all .2s ease-in-out}.options-content-section.hidden{display:none}@media(max-width:768px){.sidebar{width:100%!important;transform:translate(100%);height:calc(100vh - 64px)!important;max-height:calc(100vh - 64px);right:0}.sidebar-open{transform:translate(0)!important}#map-container,#map-container.sidebar-open-mobile{margin-right:0!important}}@keyframes shrink{0%{width:100%}to{width:0%}}