body{font-family:Arial,sans-serif;margin:0;padding:10px;background-color:#f4f4f4}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:20px}thead th{text-align:left;padding:10px;background-color:#f8f8f8;border-bottom:2px solid #ddd;white-space:nowrap}tbody tr{border-bottom:1px solid #e0e2e8}tbody tr:nth-child(2n){background-color:#e0e3f0}tbody tr:nth-child(odd){background-color:#ececec}td{padding:10px}table{width:100%}th,td{min-width:150px;padding:10px;text-align:left}.react-resizable{height:10px!important}.table-header{background-color:#f5f5f5;border-bottom:2px solid #ddd;padding:10px 15px;text-align:center;font-weight:700;transition:background-color .3s ease}.table-header:hover{background-color:#e0e0e0}.header-title{font-size:16px;color:#333;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;position:relative}.resizable-box{margin-left:10px}.sort-icons{display:inline-block;margin-left:8px;cursor:pointer}.sort-icons svg{color:#666;font-size:18px;transition:transform .3s ease}.sort-icons svg:hover{color:#333;transform:scale(1.2)}.drag-handle{display:inline-block;cursor:grab;margin-left:10px;transition:transform .3s ease}.drag-handle:hover{transform:scale(1.1)}.drag-handle svg{font-size:18px;color:#666}.drag-handle svg:hover{color:#333}.form-control{display:block;width:200px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #495057;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0}.pagination button{background-color:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.pagination button:hover{background-color:#0056b3}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-size:14px;font-weight:700}