.container{width:100%;font-family:Arial,sans-serif;margin-bottom:20px}.controlsContainer{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.searchContainer{flex:1 1;max-width:400px}.searchInput{padding:8px 12px;width:100%;max-width:300px;border:1px solid #ccc;border-radius:4px;font-size:14px}.pageSizeContainer{display:flex;align-items:center;gap:8px}.pageSizeSelect{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.table{width:100%;border-collapse:collapse;margin-bottom:16px;table-layout:fixed}.table td,.table th{border:1px solid #e0e0e0;padding:10px 12px;text-align:left}.table th{background-color:#f5f5f5;cursor:pointer;position:relative;font-weight:700}.table th:hover{background-color:#e9e9e9}.columnName{width:50%}.columnDate{width:25%}.columnSize{width:15%}.columnActions{width:10%}.table tbody tr:nth-child(2n){background-color:#f9f9f9}.table tbody tr:hover{background-color:#f0f0f0}.actionButton{background-color:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#000}.actionButton:hover{background-color:#e0e0e0}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.pageInfo{font-size:14px}.pageButtons{display:flex;gap:8px}.pageButton{background:none;border-radius:4px;cursor:pointer;padding:6px 12px;background-color:#f5f5f5;border:1px solid #ddd;color:#000;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.pageButton:disabled{opacity:.5;cursor:not-allowed}.pageButton:hover:not(:disabled){background-color:#e9e9e9}.downloadButton{display:flex;align-items:center;justify-content:center;margin:0 auto}.actionCell{text-align:center}.refresh-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#000;font-weight:500;transition:all .2s ease}.refresh-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.refresh-button:disabled{background-color:#6c757d;transform:none}.refresh-button:active{transform:translateY(0)}.spinning{animation:spin 1s linear infinite}.s3-viewer-container{width:100%;height:100%;position:relative}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:300px}.loader-spinner{border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.folder-selection-container{padding:20px}.folder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.folder-header h2{margin:0;color:#333;font-size:24px}.refresh-button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.refresh-button:hover:not(:disabled){background-color:#2980b9}.refresh-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.folder-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.folder-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 16px rgba(52,152,219,.2)}.folder-card:hover .folder-icon{color:#3498db}.folder-icon{margin-bottom:15px;color:#666;display:flex;justify-content:center;align-items:center}.folder-name{font-size:16px;font-weight:600;color:#333;word-break:break-word;margin-bottom:8px}.folder-description{font-size:14px;color:#666;font-style:italic}.no-folders-message{text-align:center;padding:60px 20px;color:#666}.no-folders-message p{font-size:18px;margin:0}.files-view{padding:20px}.files-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0;gap:20px}.back-button,.files-header{display:flex;align-items:center}.back-button{background-color:#95a5a6;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease;gap:5px}.back-button:hover{background-color:#7f8c8d}.files-header h2{margin:0;color:#333;font-size:20px}@media (max-width:768px){.folders-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.folder-card{padding:20px 15px}.folder-icon{font-size:36px}.folder-name{font-size:14px}.folder-header{flex-direction:column;gap:15px;align-items:stretch}.files-header{flex-direction:column;align-items:flex-start;gap:10px}}