*{padding:0;margin:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.header-container{width:100%;display:flex;padding:16px;background-color:#3e1c96;height:60px;position:fixed;top:0;left:0;z-index:1000}.header-container h2{color:#fff;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:4px}.sidebar{position:fixed;left:0;width:80px;background-color:#3e1c96;height:100vh;top:60px}.layout-container{width:100%;position:relative}.layout-container{margin-left:80px;margin-top:60px}.heading-text{font-size:20px;font-weight:600}.table-wrapper{background:#fff;border-radius:8px;position:relative}.custom-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;border:1px solid #DDD}.custom-table th,.custom-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb}.custom-table th{background:#f9fafb;font-weight:600;color:#374151}.custom-table th.sortable{cursor:pointer}.custom-table th.sortable:hover{background:#f3f4f6}.parent-row:hover{background:#f9fafb}.sort-arrow{font-size:11px;margin-left:4px}.child-row td{background:#fff;padding:16px;color:#475569}.child-indent:nth-child(2){background-color:#ddd}.dropdown-container{position:relative;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.dropdown-header{padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.dropdown-header.open{border-bottom:1px solid #eee}.dropdown-header.open.up{border-bottom:none;border-top:1px solid #eee}.arrow{font-size:10px;transition:transform .2s}.arrow.rotate{transform:rotate(180deg)}.dropdown-list{position:absolute;left:0;right:0;background:#fff;border:1px solid #ccc;z-index:1000;max-height:200px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.dropdown-list.down{top:100%;border-top:none;border-radius:0 0 4px 4px}.dropdown-list.up{bottom:100%;top:auto;border-bottom:none;border-radius:4px 4px 0 0;box-shadow:0 -4px 6px #0000001a}.dropdown-item{padding:8px 12px}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.selected{background:#e5e7eb;font-weight:500}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 0;border-top:1px solid #e5e7eb}.nav-btn,.page-btn{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:14px}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.page-btn:hover:not(.active){background:#f3f4f6}.ellipsis{padding:0 4px;color:#6b7280}.pageSize-container{display:flex;align-items:center;gap:8px}.container{display:flex;justify-content:center;flex-direction:column;padding:30px;width:calc(100% - 80px)}.heading-container{padding-bottom:50px}.heading{font-size:20px;font-weight:600}