#file-list,body{padding:0;margin:0}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.library-container{max-width:1000px;margin:80px auto;padding:40px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:8px}.pagination button,.reset-button{padding:10px 20px;cursor:pointer;transition:background-color .3s}#search-input{width:100%;padding:10px;margin-bottom:20px;font-size:16px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}#filter-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}#filter-container input[type=date],#filter-container select{padding:10px;font-size:16px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;flex:1;min-width:48%;box-sizing:border-box}.reset-button{font-size:16px;border:none;background-color:#28a745;color:#fff;border-radius:4px;margin-left:10px;min-width:100%}.reset-button:hover{background-color:#218838}#file-list{list-style:none}#file-list li{margin:10px 0;padding:15px;border:1px solid #ddd;border-radius:4px;background-color:#fafafa;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s;position:relative;flex-wrap:wrap}#file-list li:hover{background-color:#f0f0f0}.file-details{flex:1;padding-right:50px;box-sizing:border-box}.file-details a{text-decoration:none;color:inherit;display:block;height:100%}.file-details h3{margin:0 0 5px;font-size:18px}.file-details p{margin:0;color:#666;font-size:14px}.file-download{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.file-download a{font-size:1.5em}.pagination{display:flex;justify-content:space-between;margin-top:20px}.pagination button{font-size:16px;border:none;background-color:#007bff;color:#fff;border-radius:4px}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#0056b3}#loading-message-bottom,#loading-message-top{display:none;text-align:center;margin-top:20px;font-size:24px;color:#007bff}@media (max-width:768px){.library-container{padding:15px}#filter-container,.pagination{flex-direction:column;align-items:stretch}#filter-container input[type=date],#filter-container select{min-width:100%;margin-bottom:15px}.reset-button{min-width:100%;margin:0}.file-details{padding-right:0}.file-download{position:static;transform:none;margin-top:10px;text-align:right;width:100%}.pagination button{margin-bottom:10px}}