.draggable-box {
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    cursor: move;
    overflow: hidden;
}

    .draggable-box .header {
        background-color: #f0f0f0;
        padding: 8px;
        font-weight: bold;
        cursor: move;
    }

    .draggable-box .content {
        padding: 10px;
    }

.drag-active {
    cursor: grab !important;
}
    .drag-active:active {
        cursor: grabbing !important;
    }
/* Resize handle ở góc dưới bên phải */
.resize-handle {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    background: transparent;
}

    .resize-handle:after {
        content: '';
        position: absolute;
        right: 4px;
        bottom: 4px;
        width: 10px;
        height: 10px;
        border-right: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
    }