.grid-container{background:transparent;min-height:100vh;padding-bottom:20px}.kpi-widget{min-height:200px;transition:all .2s ease;border:2px solid transparent;box-sizing:border-box;pointer-events:auto;max-width:calc(100% - 20px)}.kpi-widget:hover{border-color:rgba(59,130,246,.3);transform:translateY(-2px)}.kpi-widget.dragging{opacity:.8;z-index:1000;border-color:rgba(59,130,246,.6)}.kpi-content{background:white;border-radius:15px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;height:100%;position:relative;min-height:280px}.kpi-widget:hover .kpi-content{box-shadow:0 8px 25px -5px rgba(0,0,0,.15)}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.resize-handle{background:linear-gradient(135deg,transparent 50%,#3b82f6 0);transition:opacity .2s ease}.resize-handle:hover{opacity:.8!important;background:linear-gradient(135deg,transparent 50%,#2563eb 0)}.resize-container{position:relative}.resize-container.resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.resize-container.resizing .resize-handle{opacity:1!important;background:linear-gradient(135deg,transparent 50%,#1d4ed8 0)}.sidebar-kpi-item{transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-kpi-item:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15)}.sidebar-kpi-item:active{transform:scale(.98)}.sidebar-kpi-item[draggable=true]:hover{cursor:grab}.sidebar-kpi-item[draggable=true]:active{cursor:grabbing}@keyframes dropZoneHighlight{0%{background-color:transparent}50%{background-color:rgba(59,130,246,.1)}to{background-color:transparent}}.grid-container[data-drag-over=true]{animation:dropZoneHighlight 1s ease-in-out infinite}.grid-container{position:relative;width:100%;max-width:1200px;height:auto;overflow:visible}@media (max-width:768px){.grid-container{display:flex!important;flex-direction:column!important;gap:1rem!important}.kpi-widget{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important}}@media (max-width:1440px){.grid-container{max-width:1000px;padding:0 15px}}@media (max-width:1200px){.grid-container{max-width:900px;padding:0 15px}.kpi-widget{min-height:220px}.kpi-content{min-height:200px}}@media (max-width:1024px){.grid-container{max-width:100%;padding:0 15px;transform:scale(.9);transform-origin:top left}.kpi-widget{min-height:200px}}@media (min-width:769px) and (max-width:1203px){.grid-container{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:1rem!important;width:100%!important;max-width:none!important}.kpi-widget{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:250px!important;transform:none!important}.kpi-content{min-height:230px}}@media (max-width:768px){.kpi-widget{min-height:180px;position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;margin-bottom:1rem}.kpi-content{min-height:160px}.grid-container{display:flex;flex-direction:column;gap:1rem;width:100%;padding:0 10px;max-width:none}}@media (max-width:480px){.grid-container{padding:0 5px}.kpi-widget{min-height:150px}.kpi-content{min-height:130px;padding:.5rem}.drag-handle,.resize-handle{display:none}}@media (max-width:320px){.grid-container{padding:0 2px}.kpi-widget{min-height:120px}.kpi-content{min-height:100px;font-size:.875rem}}