.grid-container{width:100%;margin-bottom:1rem;border:1px solid #e9ecef;border-radius:12px;background-color:#fff}.grid-table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e9ecef}.grid-search-container{flex-grow:1;margin-right:1rem}.grid-search-container .search-form{position:relative;display:flex;align-items:center}.grid-search-input{width:100%;max-width:300px;padding:.5rem .75rem;padding-left:35px;border:1px solid #ced4da;border-radius:.25rem;font-size:.875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.grid-search-icon{position:absolute;left:10px;color:#6c757d;pointer-events:none}.grid-filter-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.grid-search-wrapper{flex-grow:1;margin-right:1rem}.grid-search-input-container{position:relative}.grid-search-input{width:100%;max-width:300px;padding:.5rem .75rem;padding-left:35px;border:1px solid #ced4da;border-radius:.25rem;font-size:.875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.grid-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none}.grid-filter-wrapper{display:flex;align-items:center}.grid-date-input-container{position:relative;margin-right:1rem}.grid-date-range-input{width:200px;padding:.5rem .75rem;padding-left:35px;border:1px solid #ced4da;border-radius:.25rem;font-size:.875rem;cursor:pointer}.grid-date-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none}.grid-advanced-filters{position:relative}.grid-filters-toggle{display:flex;align-items:center;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:.25rem;background-color:#fff;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.grid-filters-toggle svg{margin-right:.5rem}.grid-filters-toggle:hover{background-color:#f8f9fa}.grid-advanced-filters-dropdown{display:none;position:absolute;top:100%;right:0;width:250px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:10;padding:1rem;margin-top:.5rem}.grid-advanced-filters-dropdown[data-visible=true]{display:block}.grid-filter-section{margin-bottom:1rem}.grid-filter-section h4{margin-bottom:.5rem;font-size:.875rem;color:#495057}.grid-filter-options{display:grid;flex-direction:column}.grid-filter-options label{display:flex;align-items:center;margin-bottom:.25rem;font-size:.75rem;color:#6c757d}.grid-filter-options label input[type=checkbox]{margin-right:.5rem}.filters-button{position:absolute}.filters-button{display:flex;align-items:center;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:.25rem;background-color:#fff;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.filters-button svg{margin-right:.5rem}.filters-button:hover{background-color:#f8f9fa}.grid-headers{display:flex;border-bottom:1px solid #e9ecef}.grid-header{padding:16px 14px;font-weight:600;color:#495057;text-align:left;cursor:pointer;user-select:none;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center;font-size:13px}.grid-header.sortable:hover{background-color:#f1f3f5}.grid-header .sort-indicator{display:flex;flex-direction:column;margin-left:.5rem}.grid-header .sort-indicator i{font-size:.6em;line-height:1;color:#999;opacity:.5}.grid-header .sort-indicator i.active{color:#333;opacity:1}.grid-body{display:grid;grid-template-columns:1fr}.grid-row{display:flex;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.grid-row:hover{background-color:#f1f3f5}.grid-row:last-child{border-bottom:none}.grid-cell{padding:16px 12px;color:#212529;font-size:14px}.grid-header,.grid-cell{flex:1;align-content:center}.grid-cell .name{font-size:14px;font-weight:500}.grid-cell .id{font-size:13px;font-weight:400;color:rgba(46,46,46,.7411764706)}.status-grid{padding:2px 8px;border-radius:104px;display:inline-flex;align-items:center;font-size:11px;text-align:center}.status-grid svg{margin-top:3px}.grid-filter .select-dropdown-option button,.grid-filter .filter-select{padding-right:30px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;color:#2e2e2e;background-color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L5 5L9 1%27 stroke=%27%232E2E2E%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;text-align:left}.grid-filter .filter-select:focus{outline:none;border-color:#007bff}.grid-filter .filter-label{position:absolute;left:40px;top:50%;transform:translateY(-50%);font-size:14px;color:#2e2e2e;pointer-events:none;transition:all .2s ease}.grid-filter .filter-select:not(:placeholder-shown)+.filter-label,.grid-filter .filter-select:focus+.filter-label{top:-8px;left:12px;font-size:12px;background-color:#fff;padding:0 4px}@media(max-width: 768px){.grid-filter .filter-dropdown{width:100%;margin-right:0;margin-bottom:10px}.grid-filter .filter-select{width:100%}}.grid-filter .status-icon,.grid-filter .type-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#888}.grid-filter .selected-filter{background-color:#f8f9fa;border-color:#007bff}@media screen and (max-width: 768px){.grid-table-header{flex-direction:column;align-items:stretch}.grid-search-container{margin-right:0;margin-bottom:.5rem}.grid-search-input,.date-range-input{width:100%;max-width:none}.grid-filter-container{flex-direction:column;align-items:stretch}.grid-search-wrapper{margin-right:0;margin-bottom:1rem}.grid-search-input{max-width:none;width:100%}.grid-filter-wrapper{flex-direction:column;align-items:stretch}.grid-date-input-container{margin-right:0;margin-bottom:1rem}.grid-date-range-input{width:100%}.grid-advanced-filters-dropdown{width:100%;position:static;margin-top:0}.grid-headers,.grid-row{grid-template-columns:1fr}.grid-header,.grid-cell{padding:.5rem;font-size:.8rem}}.grid-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem}.grid-pagination .pagination-info{font-size:.675rem;color:#6c757d}.grid-pagination .pagination-controls{display:flex;align-items:center}.grid-pagination .pagination-controls button{margin-left:.5rem;padding:3px 8px;border:1px solid #ced4da;border-radius:8px;background-color:#fff;color:#495057;cursor:pointer;transition:all .2s ease;font-size:14px}.grid-pagination .pagination-controls button:hover{background-color:#f8f9fa;border-color:#ddd}.grid-pagination .pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.grid-pagination .pagination-controls button.active{background-color:#007bff;color:#fff;border-color:#007bff}@media(max-width: 768px){.grid-pagination{flex-direction:column;gap:15px;align-items:stretch;padding:1rem;width:100%;max-width:100%;overflow-x:hidden}.grid-pagination .length-page{order:1;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.grid-pagination .pagination-info{order:2;text-align:center;font-size:14px;color:#6c757d;width:100%;word-wrap:break-word}.grid-pagination .pagination-controls{order:3;justify-content:center;flex-wrap:wrap;gap:8px;width:100%}.grid-pagination .pagination-controls button{margin-left:0;margin-bottom:5px;padding:8px 12px;font-size:13px;min-width:60px;max-width:100%}.grid-pagination .length-select{padding:6px 8px;font-size:13px;border-radius:6px;max-width:80px}}.grid-filter{display:flex;padding:12px 16px;border-radius:12px;border:1px solid #e5e5e5;margin-bottom:30px;background-color:#fff}.grid-filter .cases-search{flex-grow:1;margin-right:15px}.grid-filter .search-form{display:flex;align-items:center;position:relative;margin:0}.grid-filter .search-input{flex-grow:1;padding:8px 12px;padding-left:35px;border-radius:8px;font-size:14px;color:#2e2e2e;background-color:#fff;border:1px solid #dedede;max-width:100%}.grid-filter .search-input:focus-visible{outline:none}.rtl .grid-filter .search-input{padding-left:12px;padding-right:35px}.grid-filter .search-button{left:10px;position:absolute;color:#a1a1aa;display:flex;border:unset}.rtl .grid-filter .search-button{left:auto;right:10px}.grid-filter .cases-filter{display:flex;align-items:center}.grid-filter .filter-dropdown{position:relative;margin-right:10px}.grid-filter .date-range-input{width:247px;padding:8px 12px;padding-left:40px;padding-right:40px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;color:#2e2e2e;background-color:#fff;cursor:pointer}.grid-filter .date-range-input::placeholder{color:#2e2e2e}.grid-filter .filter-button{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;display:flex}.rtl .grid-filter .filter-button{left:auto;right:10px}.grid-filter .date-reset-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:all .2s ease}.rtl .grid-filter .date-reset-btn{left:10px;right:auto}.grid-filter .date-reset-btn:hover{background-color:#f0f0f0;color:#666}.grid-filter .date-reset-btn:active{background-color:#e0e0e0;color:#333}.grid-filter .filters-button{position:relative;display:flex;align-items:center;padding:8px 20px 8px 35px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;color:#2e2e2e;font-size:14px;cursor:pointer}.grid-filter .filters-button i{margin-right:5px}.grid-filter .dropdown-menu{display:none;position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:10;width:300px;padding:15px}.grid-filter{margin-bottom:20px;position:relative}.filter-controls{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-dropdown{position:relative}.grid-filter .filter-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2e2e2e;background-color:#fff;appearance:none;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L5 5L9 1%27 stroke=%27%232E2E2E%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.grid-filter .filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.1)}.grid-filter .filter-select:hover{border-color:#cbd5e0}.grid-filter .filter-label{position:absolute;left:40px;top:50%;transform:translateY(-50%);font-size:14px;color:#2e2e2e;pointer-events:none;transition:all .2s ease;background-color:rgba(0,0,0,0)}.grid-filter .filter-select:not(:placeholder-shown)+.filter-label,.grid-filter .filter-select:focus+.filter-label{top:-8px;left:12px;font-size:12px;background-color:#fff;padding:0 4px}.grid-filter .status-icon,.grid-filter .type-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#718096;pointer-events:none}.grid-filter .filter-select.selected{background-color:#f8f9fa;border-color:#007bff}@media(max-width: 768px){.filter-controls{flex-direction:column;gap:12px}.filter-dropdown{width:100%}.grid-filter .filter-select{width:100%}}.content .select-dropdown-option button{color:#2e2e2e;text-align:left}.content .select-dropdown-option button:hover{background-color:unset;color:#2e2e2e}.select-dropdown-option{position:relative;display:inline-block}.select-dropdown-option .dropdown-content{display:none;margin-top:5px;padding:16px;border-radius:12px;position:absolute;background-color:#fff;min-width:200px;border:1px solid #e5e5e5;z-index:1;gap:20px}.select-dropdown-option .dropdown-content label{gap:12px;display:flex;padding:10px 0;font-size:14px}.select-dropdown-option .dropdown:hover .dropdown-content{display:block}.dropdown-content .header-status-filter{font-size:13px;justify-content:space-between;display:flex;border-bottom:1px solid #e5e5e5;padding-bottom:10px}.div-table-body .grid-pagination .pagination-length{text-align:left;font-size:14px;color:#6c757d}.div-table-body .grid-pagination .pagination-length label{margin-right:8px;font-weight:normal}.div-table-body .grid-pagination .pagination-length select{background-color:#fff;border:1px solid #dee2e6;color:#495057;padding:4px 8px;border-radius:4px;font-size:14px;margin:0 4px;cursor:pointer}.div-table-body .grid-pagination .pagination-length select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.div-table-body .grid-pagination .pagination-length span{margin-left:4px}@media(max-width: 768px){.select-dropdown-option .dropdown-content{width:100%;overflow-y:scroll}.div-table-body .grid-pagination .pagination-length,.div-table-body .grid-pagination .pagination-info,.div-table-body .grid-pagination .pagination-controls{display:block;padding:8px 0;text-align:center}.div-table-body .grid-pagination .pagination-length{width:auto;margin-bottom:8px}.div-table-body .grid-pagination .pagination-length select{margin:0 4px;padding:6px 8px}}.length-page{position:relative;display:flex;align-items:center;gap:15px}.grid-filter .mobile-filter-btn,.grid-filter .mobile-filter-close-fullscreen,.grid-filter .cases-filter .mobile-filter-close{display:none}@media(max-width: 768px){.grid-filter{flex-direction:row;align-items:center;gap:10px;padding:12px 16px}.grid-filter .cases-search{flex:1;margin-right:0;min-width:0}.grid-filter .search-input{max-width:none;width:100%}.grid-filter .cases-filter{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999;align-items:center;flex-direction:column;padding:70px 20px;box-sizing:border-box}.grid-filter .cases-filter.show{display:flex;animation:fadeIn .3s ease-in-out}.grid-filter .mobile-filter-close-fullscreen{display:block;position:fixed;bottom:20px;width:90%;z-index:10001;background-color:#d50054;border:1px solid #550e2a;border-radius:10px;font-size:18px;color:#fff;cursor:pointer;padding:8px;align-items:center;justify-content:center}.grid-filter .cases-filter .mobile-filter-close{display:block;position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.grid-filter .cases-filter .mobile-filter-close:hover{background:#f8f9fa;color:#d50054}.grid-filter .cases-filter .filter-dropdown{margin-right:0;margin-bottom:15px;width:100%;max-width:400px}.grid-filter .cases-filter .filter-dropdown button{width:100%;height:auto;padding:12px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background-color:#fff;border:1px solid #e5e5e5;color:#2e2e2e;font-size:14px}.grid-filter .cases-filter .filter-dropdown button::after{display:none}.grid-filter .cases-filter .filter-dropdown button span{display:block}.grid-filter .cases-filter .filter-dropdown button svg{width:20px;height:20px}.grid-filter .cases-filter .date-range-input{width:100%;height:auto;padding:12px 40px;display:block;border-radius:8px;background-color:#fff;border:1px solid #e5e5e5;color:#2e2e2e;font-size:14px;cursor:pointer}.grid-filter .cases-filter .date-range-input::placeholder{display:block;opacity:1;color:#2e2e2e}.grid-filter .cases-filter .date-reset-btn,.grid-filter .cases-filter .filter-dropdown button{display:block}.grid-filter .cases-filter .filter-dropdown{width:100%;height:auto;padding:0;display:block;border-radius:8px;background-color:rgba(0,0,0,0);border:none;color:#2e2e2e;font-size:14px;background-image:none}.grid-filter .cases-filter input::placeholder,.grid-filter .cases-filter .search-input::placeholder,.grid-filter .cases-filter .date-range-input::placeholder{opacity:1;color:#2e2e2e;display:block}.grid-filter .mobile-filter-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:8px;background-color:#fff;border:1px solid #e5e5e5;color:#2e2e2e;cursor:pointer;transition:all .2s ease}.grid-filter .mobile-filter-btn:hover{background-color:#f8f9fa;border-color:#d50054}.grid-filter .mobile-filter-btn svg{width:24px;height:24px}body.modal-open{overflow:hidden}.grid-filter input::placeholder,.grid-filter .search-input::placeholder,.grid-filter .date-range-input::placeholder{opacity:0;color:rgba(0,0,0,0);display:none}.grid-container.div-table-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.grid-container.div-table-container::-webkit-scrollbar{display:none}.grid-container.div-table-container .div-table-header{min-width:max-content;position:sticky;top:0;z-index:10;background:#fff}.grid-container.div-table-container .div-table-body{min-width:max-content;display:flex;flex-direction:column}.grid-container.div-table-container .grid-headers{min-width:max-content;display:flex;flex-wrap:nowrap}.grid-container.div-table-container .grid-header{flex-shrink:0;min-width:150px;white-space:nowrap;width:100%}.grid-container.div-table-container .grid-row{min-width:max-content;display:flex;flex-wrap:nowrap}.grid-container.div-table-container .grid-cell{flex-shrink:0;min-width:150px;white-space:nowrap;width:100%}.grid-container.div-table-container .grid-pagination{min-width:max-content;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #e9ecef;background-color:#fff}.grid-container.div-table-container .div-table-header,.grid-container.div-table-container .div-table-body{display:flex;flex-direction:column}.grid-container.div-table-container .grid-headers,.grid-container.div-table-container .grid-row{display:flex;width:max-content}.grid-container.div-table-container .div-table-body .grid-pagination{width:100%;max-width:100vw;box-sizing:border-box;padding:1rem;overflow-x:hidden}.grid-container.div-table-container .div-table-body .grid-pagination .length-page{width:100%;max-width:100%;flex-wrap:wrap;justify-content:center}.grid-container.div-table-container .div-table-body .grid-pagination .pagination-controls{width:100%;max-width:100%;flex-wrap:wrap;justify-content:center}.grid-container.div-table-container .div-table-body .grid-pagination .pagination-controls button{max-width:calc(50% - 4px);min-width:auto;flex:1;margin:2px}}@media(max-width: 768px)and (max-width: 768px){.grid-container.div-table-container .div-table-body .grid-pagination{min-width:max-content;width:max-content;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #e9ecef;background-color:#fff;flex-wrap:nowrap}.grid-container.div-table-container .div-table-body .grid-pagination .length-page{min-width:200px;flex-shrink:0}.grid-container.div-table-container .div-table-body .grid-pagination .pagination-info{min-width:150px;flex-shrink:0;text-align:center}.grid-container.div-table-container .div-table-body .grid-pagination .pagination-controls{min-width:300px;flex-shrink:0;display:flex;gap:4px}.grid-container.div-table-container .div-table-body .grid-pagination .pagination-controls button{min-width:60px;max-width:none;flex:0 0 auto;margin:0}}