.container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.searchContainer{margin-bottom:20px;display:flex;justify-content:center}.searchInput{width:100%;max-width:400px;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease}.searchInput:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 5px rgba(74,144,226,.3)}.filtersContainer{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.filterGroup{flex:1;min-width:200px}.filterLabel{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.filterSelect{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;color:#1f2937;font-size:.875rem;transition:all .2s ease}.filterSelect:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2)}.filterSelect option{padding:.5rem}.tableContainer{border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.tableHeader{background-color:#f4f4f4;color:#333;font-weight:600;text-align:left;padding:12px;border-bottom:2px solid #e0e0e0;text-transform:uppercase}.tableRow{transition:background-color .3s ease}.tableRow:hover{background-color:#f9f9f9}.tableCell{padding:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noData{text-align:center;padding:20px;color:#888;font-style:italic}.pagination{margin-top:20px;gap:5px}.pageButton,.pagination{display:flex;justify-content:center;align-items:center}.pageButton{min-width:40px;height:40px;padding:0 10px;border:1px solid #e0e0e0;background-color:#f4f4f4;color:#333;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500}.pageButton:hover{background-color:#e0e0e0}.activePage{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.pageButton:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.container{padding:10px}.searchInput{max-width:100%}.filtersContainer{padding:.75rem}.filterGroup{min-width:100%}.tableCell,.tableHeader{padding:8px;font-size:12px}.pagination{gap:3px}.pageButton{min-width:30px;height:30px;padding:0 5px;font-size:12px}}.tooltipContainer{position:relative;width:100%}.cellContent{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:12px}.tooltip{position:fixed;background-color:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;max-width:500px;min-width:100px;word-wrap:break-word;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.15);animation:fadeIn .2s ease-in-out}.tooltip:before{content:"";position:absolute;top:-6px;left:10px;border-color:transparent transparent #333;border-style:solid;border-width:0 6px 6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tableCell{padding:0;border-bottom:1px solid #e0e0e0;font-size:14px;max-width:250px}