.map-toolbar{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.toolbar-left,.toolbar-center,.toolbar-right{align-items:center;gap:12px;display:flex}.map-info{align-items:center;gap:8px;display:flex}.map-controls{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.map-control-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.map-control-btn:hover{color:#374151;background:#f3f4f6}.zoom-indicator{text-align:center;color:#374151;min-width:50px;font-size:12px;font-weight:600}.view-options{background:#f3f4f6;border-radius:8px;padding:2px;display:flex}.view-option{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.view-option:hover{color:#374151}.view-option.active{color:var(--mc-primary);background:#fff;box-shadow:0 1px 3px #0000001a}.map-container{background:#f8fafc;min-height:600px;position:relative;overflow:hidden}.map-container.dragging{cursor:grabbing}.map-container.placing-task{cursor:crosshair}.map-content{width:100%;height:100%;position:relative}.map-image{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;height:auto;display:block}.task-pin{z-index:100;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s;position:absolute}.task-pin:hover{z-index:200;transform:translate(-50%,-100%)scale(1.05)}.task-pin.dragging{z-index:1001;cursor:grabbing;transition:none}.task-pin:active{cursor:grabbing}.pin-marker{border:3px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;transform:rotate(-45deg);box-shadow:0 4px 12px #0003}.pin-marker svg{transform:rotate(45deg)}.pin-marker.selected{border-color:#fbbf24;animation:2s infinite pulse-pin;box-shadow:0 0 0 4px #fbbf244d}.pin-marker.dragging{animation:none;box-shadow:0 8px 24px #0000004d;border-color:var(--mc-primary)!important}.pin-marker.new-task{background:var(--mc-primary);animation:.3s ease-out bounce-in}@keyframes pulse-pin{0%,to{box-shadow:0 0 0 4px #fbbf244d}50%{box-shadow:0 0 0 8px #fbbf241a}}@keyframes bounce-in{0%{transform:scale(0)rotate(-45deg)}50%{transform:scale(1.2)rotate(-45deg)}to{transform:scale(1)rotate(-45deg)}}.pin-label{color:#374151;white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:opacity .2s;position:absolute;top:-8px;left:40px;box-shadow:0 2px 8px #0000001a}.task-pin:hover .pin-label{opacity:1}.task-popup{animation:.2s ease-out popupFadeIn}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.task-popup:before{content:"";border-bottom:6px solid #e5e7eb;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.task-popup:after{content:"";border-bottom:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.pin-label.dragging{opacity:1;background:var(--mc-primary);color:#fff;border-color:var(--mc-primary);box-shadow:0 4px 12px color-mix(in srgb, var(--mc-primary) 30%, transparent)}.placement-instructions{z-index:1000;position:absolute;top:20px;left:50%;transform:translate(-50%)}.instruction-content{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-weight:500;display:flex;box-shadow:0 4px 12px #00000026}.task-sidebar{z-index:1001;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:360px;height:calc(100vh - 48px);animation:.3s ease-out slideInRight;display:flex;position:fixed;top:48px;right:0;box-shadow:-4px 0 12px #0000001a}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sidebar-content{flex:1;padding:24px;overflow-y:auto}.task-meta{space-y:12px;margin-bottom:24px}.meta-item{color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.priority-high{color:#ef4444;font-weight:600}.priority-medium{color:#f59e0b;font-weight:500}.priority-low{color:#6b7280}.task-description{margin-bottom:24px}.task-description h4{color:#374151;margin-bottom:8px}.task-status{margin-bottom:24px}.task-status h4{color:#374151;margin-bottom:8px}.task-actions{margin-top:auto}.legend-item{align-items:center;gap:8px;display:flex}.legend-pin{border:2px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;transform:rotate(-45deg);box-shadow:0 2px 4px #0003}.legend-pin svg{transform:rotate(45deg)}.modal-overlay{z-index:1002;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out slideInUp;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px;overflow-y:auto}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.upload-area{text-align:center;cursor:pointer;border:2px dashed #d1d5db;border-radius:12px;margin-bottom:24px;padding:40px 20px;transition:all .2s}.upload-area:hover{border-color:var(--mc-primary);background:color-mix(in srgb, var(--mc-primary) 2%, transparent)}.upload-tips{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.upload-tips h4{color:#374151}.upload-tips ul{padding:0;list-style:none}.form-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px 16px}@media (max-width:768px){.task-sidebar{width:100%;height:calc(100vh - 48px)}.map-toolbar{flex-direction:column;gap:12px;padding:12px 16px}.toolbar-left,.toolbar-center,.toolbar-right{justify-content:center;width:100%}.view-options{justify-content:space-around;width:100%}.modal-content{width:95%;margin:20px}.modal-body{padding:16px}}