.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-grid-item.react-draggable-dragging{opacity:.8!important;transform:scale(.96) rotate(1deg)!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 20px 25px -5px rgba(59,130,246,.3),0 10px 10px -5px rgba(0,0,0,.04),0 0 0 3px rgba(59,130,246,.6)!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275),transform .15s cubic-bezier(.68,-.55,.265,1.55)!important;filter:blur(.5px) brightness(1.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000!important;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(147,51,234,.12)),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%)!important;background-size:100% 100%,200% 200%!important;animation:shimmer 2s ease-in-out infinite!important;border:2px dashed rgba(59,130,246,.7)!important;border-radius:12px!important}.react-grid-placeholder{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(147,51,234,.15))!important;border:2px dashed rgba(59,130,246,.8)!important;border-radius:12px!important;animation:placeholderPulse 2s ease-in-out infinite!important;opacity:1!important;z-index:2!important;box-shadow:inset 0 2px 4px 0 rgba(59,130,246,.1),0 4px 6px -1px rgba(0,0,0,.1)!important}.react-grid-item:hover,.react-grid-item[data-edit-mode=true]{transition:all .2s cubic-bezier(.4,0,.2,1)}.react-grid-item[data-edit-mode=true]{cursor:grab}.react-grid-item.react-draggable-dragging{cursor:grabbing!important}.react-grid-item{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)!important;transform-origin:center center}.react-grid-item:first-child{transition-delay:0s}.react-grid-item:nth-child(2){transition-delay:50ms}.react-grid-item:nth-child(3){transition-delay:.1s}.react-grid-item:nth-child(4){transition-delay:.15s}.react-grid-item:nth-child(5){transition-delay:.2s}.react-grid-item:nth-child(6){transition-delay:.25s}.react-grid-item:nth-child(n+7){transition-delay:.3s}.react-grid-layout.dragging-in-progress{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.react-grid-item.react-draggable-dragging .grid-card-drag-handle{opacity:1!important;transform:scale(1.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.react-grid-layout:has(.react-grid-item.react-draggable-dragging) .react-grid-item:not(.react-draggable-dragging){opacity:.6;transition:opacity .2s ease-in-out}@keyframes placeholderPulse{0%,to{opacity:.7;transform:scale(1) translateY(0)}50%{opacity:.95;transform:scale(1.02) translateY(-2px)}}@keyframes shimmer{0%{background-position:0 0,-200% 0}to{background-position:0 0,200% 0}}@keyframes dragPreview{0%,to{transform:scale(.96) rotate(1deg) translateY(0)}25%{transform:scale(.96) rotate(.5deg) translateY(-1px)}50%{transform:scale(.96) rotate(1.5deg) translateY(-2px)}75%{transform:scale(.96) rotate(.5deg) translateY(-1px)}}.react-grid-item.react-draggable-dragging{animation:dragPreview 4s ease-in-out infinite!important}.react-grid-item.drop-animation{animation:dropAnimation .2s cubic-bezier(.175,.885,.32,1.275) forwards!important}@keyframes dropAnimation{0%{transform:scale(.96) rotate(1deg);opacity:.8;filter:blur(.5px) brightness(1.1)}50%{transform:scale(1.05) rotate(0deg);opacity:.9;filter:blur(0) brightness(1.05)}to{transform:scale(1) rotate(0deg);opacity:1;filter:blur(0) brightness(1)}}.react-grid-item.react-draggable-dragging .resize-handle{display:none!important}.draggable-grid-container{position:relative}.draggable-grid-container[data-edit-mode=true]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px dashed rgba(59,130,246,.3);border-radius:16px;pointer-events:none;z-index:-1}.draggable-grid-container.grid-dragging-active{background:linear-gradient(135deg,rgba(59,130,246,.02),rgba(147,51,234,.02))}.draggable-grid-container.grid-dragging-active:before{border-color:rgba(59,130,246,.6);animation:containerPulse 2s ease-in-out infinite}@keyframes containerPulse{0%,to{border-color:rgba(59,130,246,.6)}50%{border-color:rgba(59,130,246,.8)}}.react-grid-item.ghost-element{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.react-grid-placeholder.valid-drop-zone{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(59,130,246,.15))!important;border-color:rgba(34,197,94,.8)!important;animation:validDropPulse 1.5s ease-in-out infinite!important}.react-grid-placeholder.invalid-drop-zone{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(245,101,101,.15))!important;border-color:rgba(239,68,68,.8)!important;animation:invalidDropShake .5s ease-in-out infinite!important}@keyframes validDropPulse{0%,to{opacity:.7;border-color:rgba(34,197,94,.8)}50%{opacity:1;border-color:rgba(34,197,94,1)}}@keyframes invalidDropShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.react-grid-item.resizing-active{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 0 2px rgba(147,51,234,.5)!important;border:2px solid rgba(147,51,234,.6)!important}.react-grid-item.resizing-active .resize-handle{background:rgba(147,51,234,.8)!important;transform:scale(1.2);border-radius:50%}@media (max-width:768px){.react-grid-item.react-draggable-dragging{transform:scale(.95)!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 3px rgba(59,130,246,.6)!important}.react-grid-placeholder{border-width:3px!important}.grid-card-drag-handle{width:2rem!important;height:2rem!important}}@media (prefers-reduced-motion:reduce){.react-grid-item,.react-grid-item.react-draggable-dragging,.react-grid-placeholder{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.react-grid-item.react-draggable-dragging,.react-grid-placeholder{border:3px solid!important;background:none!important}}.react-grid-item:focus-within{outline:2px solid #2563eb;outline-offset:2px}.layout .react-grid-item{border-radius:12px;overflow:hidden}.react-grid-layout{transform:translateZ(0);will-change:transform}.react-grid-item{will-change:transform,opacity}.react-grid-placeholder.collision-detected{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.15))!important;border-color:rgba(251,191,36,.8)!important;animation:collisionWarning 1s ease-in-out infinite!important}.react-grid-placeholder.collision-resolved{background:linear-gradient(135deg,rgba(34,197,94,.3),rgba(59,130,246,.2))!important;border-color:rgba(34,197,94,.9)!important;animation:collisionResolved 1.5s ease-in-out!important}.react-grid-placeholder[data-collision-direction=top]:before{content:"↑";position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:1.5rem;color:rgba(251,191,36,.9);font-weight:700}.react-grid-placeholder[data-collision-direction=bottom]:before{content:"↓";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:1.5rem;color:rgba(251,191,36,.9);font-weight:700}.react-grid-placeholder[data-collision-direction=left]:before{content:"←";position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:rgba(251,191,36,.9);font-weight:700}.react-grid-placeholder[data-collision-direction=right]:before{content:"→";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:rgba(251,191,36,.9);font-weight:700}.react-grid-placeholder[data-collision-direction=multiple]:before{content:"⚡";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:rgba(251,191,36,.9);font-weight:700}.react-grid-item.collision-affected{border:2px solid rgba(251,191,36,.7)!important;box-shadow:0 0 0 3px rgba(251,191,36,.3),0 10px 15px -3px rgba(0,0,0,.1)!important;animation:collisionAffected 1.2s ease-in-out infinite!important}.react-grid-item.reposition-preview{opacity:.8;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(.98)}.react-grid-item.reposition-push{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(147,51,234,.08))!important;border:2px dashed rgba(59,130,246,.6)!important}.react-grid-item.reposition-shift{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(16,185,129,.08))!important;border:2px dashed rgba(34,197,94,.6)!important}.react-grid-item.reposition-swap{background:linear-gradient(135deg,rgba(147,51,234,.1),rgba(168,85,247,.08))!important;border:2px dashed rgba(147,51,234,.6)!important}.react-grid-item.reposition-compact{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.08))!important;border:2px dashed rgba(16,185,129,.6)!important}.react-grid-item[data-reposition-reason=push]:after{content:"PUSH";background:rgba(59,130,246,.9)}.react-grid-item[data-reposition-reason=push]:after,.react-grid-item[data-reposition-reason=shift]:after{position:absolute;top:2px;right:2px;color:white;font-size:.6rem;font-weight:700;padding:2px 4px;border-radius:4px;z-index:10}.react-grid-item[data-reposition-reason=shift]:after{content:"SHIFT";background:rgba(34,197,94,.9)}.react-grid-item[data-reposition-reason=swap]:after{content:"SWAP";background:rgba(147,51,234,.9)}.react-grid-item[data-reposition-reason=compact]:after,.react-grid-item[data-reposition-reason=swap]:after{position:absolute;top:2px;right:2px;color:white;font-size:.6rem;font-weight:700;padding:2px 4px;border-radius:4px;z-index:10}.react-grid-item[data-reposition-reason=compact]:after{content:"COMPACT";background:rgba(16,185,129,.9)}@keyframes collisionWarning{0%,to{border-color:rgba(251,191,36,.8);box-shadow:0 0 0 2px rgba(251,191,36,.2)}50%{border-color:rgba(251,191,36,1);box-shadow:0 0 0 4px rgba(251,191,36,.4)}}@keyframes collisionResolved{0%{border-color:rgba(251,191,36,.8);background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.15))}to{border-color:rgba(34,197,94,.9);background:linear-gradient(135deg,rgba(34,197,94,.3),rgba(59,130,246,.2))}}@keyframes collisionAffected{0%,to{transform:translateY(0) scale(1);border-color:rgba(251,191,36,.7)}50%{transform:translateY(-2px) scale(1.01);border-color:rgba(251,191,36,.9)}}.react-grid-item.repositioned-push{animation:repositionSuccess .6s cubic-bezier(.175,.885,.32,1.275)}.react-grid-item.repositioned-shift{animation:repositionShift .6s cubic-bezier(.175,.885,.32,1.275)}.react-grid-item.repositioned-swap{animation:repositionSwap .6s cubic-bezier(.175,.885,.32,1.275)}.react-grid-item.repositioned-compact{animation:repositionCompact .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes repositionSuccess{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(34,197,94,.3)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,0)}}@keyframes repositionShift{0%{transform:translateX(0) scale(1);box-shadow:0 0 0 0 rgba(59,130,246,.7)}25%{transform:translateX(-4px) scale(1.02);box-shadow:0 0 0 4px rgba(59,130,246,.4)}75%{transform:translateX(4px) scale(1.02);box-shadow:0 0 0 4px rgba(59,130,246,.4)}to{transform:translateX(0) scale(1);box-shadow:0 0 0 0 rgba(59,130,246,0)}}@keyframes repositionSwap{0%{transform:rotate(0deg) scale(1);box-shadow:0 0 0 0 rgba(147,51,234,.7)}25%{transform:rotate(-5deg) scale(1.02);box-shadow:0 0 0 4px rgba(147,51,234,.4)}75%{transform:rotate(5deg) scale(1.02);box-shadow:0 0 0 4px rgba(147,51,234,.4)}to{transform:rotate(0deg) scale(1);box-shadow:0 0 0 0 rgba(147,51,234,0)}}@keyframes repositionCompact{0%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(16,185,129,.7)}50%{transform:translateY(-6px) scale(1.03);box-shadow:0 0 0 6px rgba(16,185,129,.4)}to{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0)}}@media (prefers-reduced-motion:reduce){.react-grid-item.collision-affected,.react-grid-item.repositioned-compact,.react-grid-item.repositioned-push,.react-grid-item.repositioned-shift,.react-grid-item.repositioned-swap,.react-grid-placeholder.collision-detected,.react-grid-placeholder.collision-resolved{animation:none!important}.react-grid-item.collision-affected{border:3px solid rgba(251,191,36,.9)!important}.react-grid-placeholder.collision-detected{border:3px solid rgba(251,191,36,1)!important}}@media (prefers-contrast:high){.react-grid-item.collision-affected,.react-grid-placeholder.collision-detected{border:3px solid!important;background:none!important}.react-grid-item.reposition-preview{border:3px dotted!important;background:none!important}}.react-grid-item.collision-affected:focus-within{outline:3px solid #f59e0b;outline-offset:3px}.draggable-grid-container[data-smart-collision=true]:after{content:"Smart Collision: ON";position:absolute;top:-8px;right:-8px;background:rgba(34,197,94,.9);color:white;font-size:.7rem;font-weight:600;padding:4px 8px;border-radius:12px;z-index:1000;pointer-events:none}.draggable-grid-container[data-smart-collision=false]:after{content:"Smart Collision: OFF";background:rgba(156,163,175,.9)}.draggable-grid-container[data-optimistic-active=true]{position:relative}.draggable-grid-container[data-optimistic-active=true]:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid rgba(249,115,22,.4);border-radius:20px;pointer-events:none;z-index:-1;animation:optimisticBorder 2s ease-in-out infinite}.react-grid-placeholder.optimistic-preview{background:linear-gradient(135deg,rgba(249,115,22,.25),rgba(234,179,8,.2))!important;border-color:rgba(249,115,22,.8)!important;animation:optimisticPulse 1.5s ease-in-out infinite!important}.react-grid-item[data-optimistic-pending=true]{position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 0 2px rgba(249,115,22,.3)!important;border-radius:12px}.react-grid-item[data-optimistic-pending=true]:before{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:linear-gradient(45deg,#f97316,#fbbf24);border-radius:50%;animation:optimisticIndicator 2s ease-in-out infinite;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes optimisticBorder{0%,to{border-color:rgba(249,115,22,.4);transform:scale(1)}50%{border-color:rgba(249,115,22,.6);transform:scale(1.01)}}@keyframes optimisticPulse{0%,to{opacity:.7;background:linear-gradient(135deg,rgba(249,115,22,.25),rgba(234,179,8,.2));border-color:rgba(249,115,22,.8)}50%{opacity:1;background:linear-gradient(135deg,rgba(249,115,22,.35),rgba(234,179,8,.3));border-color:rgba(249,115,22,1)}}@keyframes optimisticIndicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.draggable-grid-container[data-optimistic-active=true] .react-grid-item:not(.react-draggable-dragging){transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)!important}.react-grid-layout[data-optimistic-drag=true] .react-grid-item{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.react-grid-item.optimistic-revert{animation:optimisticRevert .4s cubic-bezier(.175,.885,.32,1.275)!important}@keyframes optimisticRevert{0%{transform:scale(1);opacity:1}50%{transform:scale(.95);opacity:.7;box-shadow:0 0 0 2px rgba(239,68,68,.5)}to{transform:scale(1);opacity:1}}.react-grid-item.optimistic-confirm{animation:optimisticConfirm .4s cubic-bezier(.175,.885,.32,1.275)!important}@keyframes optimisticConfirm{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9;box-shadow:0 0 0 2px rgba(34,197,94,.5)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.draggable-grid-container[data-optimistic-active=true]:after,.react-grid-item[data-optimistic-pending=true],.react-grid-placeholder.optimistic-preview{animation:none!important}.react-grid-item[data-optimistic-pending=true]:before{animation:none!important;opacity:1}}@media (prefers-contrast:high){.react-grid-placeholder.optimistic-preview{border:3px solid!important;background:transparent!important}.react-grid-item[data-optimistic-pending=true]{border:2px solid!important;box-shadow:none!important}.react-grid-item[data-optimistic-pending=true]:before{background:currentColor!important}}.react-grid-placeholder.validation-error{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.15))!important;border-color:rgba(239,68,68,.8)!important;animation:validationErrorPulse 1s ease-in-out infinite!important}.react-grid-placeholder.validation-valid{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(22,163,74,.15))!important;border-color:rgba(34,197,94,.8)!important;animation:validationSuccessPulse 1.5s ease-in-out infinite!important}.react-grid-item.validation-error{border:2px solid rgba(239,68,68,.7)!important;box-shadow:0 0 0 3px rgba(239,68,68,.2),0 10px 15px -3px rgba(0,0,0,.1)!important;animation:cardValidationError 2s ease-in-out infinite!important}.react-grid-item.validation-warning{border:2px solid rgba(251,191,36,.7)!important;box-shadow:0 0 0 3px rgba(251,191,36,.2),0 10px 15px -3px rgba(0,0,0,.1)!important;animation:cardValidationWarning 2s ease-in-out infinite!important}.react-grid-item.boundary-violation{position:relative}.react-grid-item.boundary-violation:after{content:"⚠️ BOUNDARY";background:rgba(239,68,68,.9);animation:boundaryWarning 1.5s ease-in-out infinite}.react-grid-item.boundary-violation:after,.react-grid-item.size-violation:after{position:absolute;top:4px;left:4px;color:white;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px;z-index:15}.react-grid-item.size-violation:after{content:"📏 SIZE";background:rgba(251,191,36,.9);animation:sizeWarning 1.5s ease-in-out infinite}.react-grid-item.overlap-detected{position:relative;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.08))!important}.react-grid-item.overlap-detected:before{content:"🚫 OVERLAP";position:absolute;bottom:4px;right:4px;background:rgba(239,68,68,.9);color:white;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px;z-index:15;animation:overlapWarning 1s ease-in-out infinite}.draggable-grid-container.constraints-violated{position:relative}.draggable-grid-container.constraints-violated:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:3px solid rgba(239,68,68,.5);border-radius:18px;pointer-events:none;z-index:-1;animation:constraintViolation 2s ease-in-out infinite}@keyframes validationErrorPulse{0%,to{border-color:rgba(239,68,68,.8);background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.15))}50%{border-color:rgba(239,68,68,1);background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.25))}}@keyframes validationSuccessPulse{0%,to{border-color:rgba(34,197,94,.8);background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(22,163,74,.15))}50%{border-color:rgba(34,197,94,1);background:linear-gradient(135deg,rgba(34,197,94,.3),rgba(22,163,74,.25))}}@keyframes cardValidationError{0%,to{transform:translateY(0);border-color:rgba(239,68,68,.7);box-shadow:0 0 0 3px rgba(239,68,68,.2),0 10px 15px -3px rgba(0,0,0,.1)}50%{transform:translateY(-2px);border-color:rgba(239,68,68,.9);box-shadow:0 0 0 5px rgba(239,68,68,.3),0 15px 20px -3px rgba(0,0,0,.15)}}@keyframes cardValidationWarning{0%,to{transform:translateX(0);border-color:rgba(251,191,36,.7);box-shadow:0 0 0 3px rgba(251,191,36,.2),0 10px 15px -3px rgba(0,0,0,.1)}25%{transform:translateX(-1px);border-color:rgba(251,191,36,.8)}75%{transform:translateX(1px);border-color:rgba(251,191,36,.8)}}@keyframes boundaryWarning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes sizeWarning{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.05) rotate(2deg)}}@keyframes overlapWarning{0%,to{opacity:1;transform:scale(1);background:rgba(239,68,68,.9)}50%{opacity:.8;transform:scale(1.1);background:rgba(220,38,38,.9)}}@keyframes constraintViolation{0%,to{border-color:rgba(239,68,68,.5);transform:scale(1)}50%{border-color:rgba(239,68,68,.8);transform:scale(1.005)}}.react-grid-item.auto-fix-preview{border:2px dashed rgba(34,197,94,.7)!important;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.08))!important;animation:autoFixPreview 1.5s ease-in-out infinite!important}.react-grid-item.auto-fix-preview:after{content:"🔧 AUTO-FIX";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(34,197,94,.9);color:white;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:6px;z-index:20;white-space:nowrap}@keyframes autoFixPreview{0%,to{border-color:rgba(34,197,94,.7);background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.08))}50%{border-color:rgba(34,197,94,1);background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(22,163,74,.15))}}.react-grid-item[data-validation-type=boundary]{border-left:4px solid rgba(239,68,68,.8)!important}.react-grid-item[data-validation-type=size]{border-top:4px solid rgba(251,191,36,.8)!important}.react-grid-item[data-validation-type=overlap]{border-right:4px solid rgba(147,51,234,.8)!important}.react-grid-item[data-validation-type=constraint]{border-bottom:4px solid rgba(59,130,246,.8)!important}.draggable-grid-container[data-strict-validation=true]:after{content:"🔒 STRICT";position:absolute;top:-8px;left:-8px;background:rgba(239,68,68,.9);color:white;font-size:.7rem;font-weight:600;padding:4px 8px;border-radius:12px;z-index:1000;pointer-events:none}@media (prefers-reduced-motion:reduce){.draggable-grid-container.constraints-violated:before,.react-grid-item.auto-fix-preview,.react-grid-item.validation-error,.react-grid-item.validation-warning,.react-grid-placeholder.validation-error,.react-grid-placeholder.validation-valid{animation:none!important}.react-grid-item.boundary-violation:after,.react-grid-item.overlap-detected:before,.react-grid-item.size-violation:after{animation:none!important;opacity:1}}@media (prefers-contrast:high){.react-grid-placeholder.validation-error,.react-grid-placeholder.validation-valid{border:3px solid!important;background:transparent!important}.react-grid-item.auto-fix-preview,.react-grid-item.validation-error,.react-grid-item.validation-warning{border:3px solid!important;background:transparent!important;box-shadow:none!important}.react-grid-item.auto-fix-preview:after,.react-grid-item.boundary-violation:after,.react-grid-item.overlap-detected:before,.react-grid-item.size-violation:after{background:currentColor!important;color:white!important}}.react-grid-placeholder.drag-cancelled{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.15))!important;border-color:rgba(239,68,68,.8)!important;animation:cancelledDragPulse .5s ease-in-out!important;opacity:.6!important}.react-grid-item.drag-cancelled{animation:dragCancelledReturn .3s cubic-bezier(.175,.885,.32,1.275) forwards!important;border:2px solid rgba(239,68,68,.7)!important;box-shadow:0 0 0 3px rgba(239,68,68,.3),0 4px 6px -1px rgba(0,0,0,.1)!important;z-index:1001!important}.react-grid-item.drag-cancelled:after{content:"❌ CANCELLED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(239,68,68,.9);color:white;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:6px;z-index:20;white-space:nowrap;animation:cancelledFeedback .3s ease-out}.draggable-grid-container[data-drag-cancelled=true]{position:relative}.draggable-grid-container[data-drag-cancelled=true]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid rgba(239,68,68,.4);border-radius:16px;pointer-events:none;z-index:-1;animation:cancelledContainerFeedback .3s ease-out}@keyframes dragCancelledReturn{0%{opacity:.8;transform:scale(.96) rotate(1deg);filter:blur(.5px) brightness(1.1)}50%{opacity:.6;transform:scale(.92) rotate(0deg);filter:blur(1px) brightness(.9);border-color:rgba(239,68,68,1);box-shadow:0 0 0 5px rgba(239,68,68,.4),0 8px 12px -1px rgba(0,0,0,.15)}to{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0) brightness(1);border-color:transparent;box-shadow:none}}@keyframes cancelledDragPulse{0%{opacity:.6;border-color:rgba(239,68,68,.8);background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.15))}50%{opacity:.3;border-color:rgba(239,68,68,1);background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.25))}to{opacity:0;border-color:rgba(239,68,68,.5);background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.08))}}@keyframes cancelledFeedback{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cancelledContainerFeedback{0%{border-color:rgba(239,68,68,.4);opacity:1}50%{border-color:rgba(239,68,68,.8);opacity:.8}to{border-color:transparent;opacity:0}}.drag-cancellation-instructions{background:linear-gradient(135deg,rgba(59,130,246,.95),rgba(37,99,235,.9));border:1px solid rgba(59,130,246,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (prefers-reduced-motion:reduce){.draggable-grid-container[data-drag-cancelled=true]:before,.react-grid-item.drag-cancelled,.react-grid-placeholder.drag-cancelled{animation:none!important}.react-grid-item.drag-cancelled:after{animation:none!important;opacity:1}}@media (prefers-contrast:high){.react-grid-item.drag-cancelled{box-shadow:none!important}.react-grid-item.drag-cancelled,.react-grid-placeholder.drag-cancelled{border:3px solid!important;background:transparent!important}.react-grid-item.drag-cancelled:after{background:currentColor!important;color:white!important}}